FAQ-div显示/隐藏示例

Question

我使用以下jquery代码打开（回答）div，点击（问题）div在一个非常简单的FAQ列表中创建的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（）。如果淡出，则淡入，反之亦然。