我有一个home.html和faq.html。


常见问题页面上有很多问题及其答案在页面下连续列出。我希望隐藏答案,直到单击一个问题以打开该答案为止。单击另一个问题后,它将关闭上一个答案并打开新的答案。我想为此使用slideUp / slideDownfadeIn / fadeOut,但这不是必需的。
主页上有一个链接,单击该链接后,我想转到常见问题页面,并且单击一次即可“打开”特定答案。 slideDownfadeIn也不是必需的。


是否有可用于执行任务的JavaScript?
我在常见问题页面上看到一些带有setvisibility类型代码的帖子,有些可以接受,但是我不能从主页上激活它。
我是新手,所以我也要求我可以在两个页面上插入的html代码。我知道比平常还要大的杂务!
非常感谢。

注意
现在,由于以下原因,我的想法出现了问题。我之前没有提到它,但这是必要的。
让我尝试解释一下。
现在,我发现在一个页面上有一个链接可以在该页面下的特定位置打开另一页面
如果未隐藏页面上的先前内容,则将页面正确定位到该点。
如果以前的内容是visibility: hidden;,则打开页面的位置不明确。换句话说,它在低于预期的位置打开,如果不隐藏先前的内容,则该位置正确。
我希望这是有道理的。
在查看我的原始问题之前,我将很快了解display:none;是否更适合于此。
感谢那些迄今为止帮助我的人,您为我度过了很多时间。

最佳答案

试试这个

Reference

$(function() {
    $('div.answer').hide();
    $('a.question').before('<span class="faqplusminus dark nounderline">[+]</span>');
    $('a.question').click(function() {
        $('div.answer').slideUp('slow', 'easeInOutExpo');
        $('span.faqplusminus').html('[+]');
        var slidedownelement = $(this).closest('div.faq').find('div.answer').eq(0);
        if(!slidedownelement.is(':visible')) {
                slidedownelement.slideDown('slow', 'easeInOutExpo');
            slidedownelement.parent().find('span.faqplusminus').html('[-]');
        }
    });
});

关于javascript - 一页上的JavaScript按钮链接可在另一页上显示隐藏的div,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/24968075/

10-09 20:18