jquery - FAQ-divs 显示/隐藏示例

Question

在一个由 div 创建的非常简单的常见问题解答列表中单击（问题）div 时，我使用以下 jquery 代码打开（回答）div。

jQuery

$(document).ready(function(){
    $('.faqlink').click(function(){
        $('.content').fadeOut(400);
        $(this).next('.content').fadeIn(400);

    });
});

这个常见问题列表由一个简单的 CSS 支持。

 .content {  display:none; }

效果很好。我在这里缺少的是一种在单击相同的“faqlink”div 时隐藏“content”div 的解决方案 - 再次 - 打开该问题的那个。

是否可以使用此代码？

Answer 1

使用 fadetoggle()

$('.content').fadeToggle();

fadeToggle() 结合了fadeIn() 和fadeOut()。如果它淡出，则它淡入，反之亦然。