jQuery FAQ功能切换不起作用，因为我想要它

Question

PSL为我回答了，谢谢！ :)

所以我得到了这段代码：

$(document).ready(function () {

$('.faqs .answer').hide();
$('.faqs .question').click(function(){
    $('.faqs .answer').slideUp('normal');
    $(this).next().slideDown('normal');
}); 

}）;

而且它工作正常，但是问题是，当我单击相同的FAQ（您刚刚打开的FAQ）时，它将切换它，因此它将上下移动，这是我的代码所说的话，那么我可以阻止这种情况发生的方法？ 我使用相同的类名称，这只是问题和答案。 因此，我要执行的操作是仅当您单击向下滑动的div时，它才应该上升。

<div class="faqs">
    <div class="question">Can you help me?</div>
    <div class="answer">I hope so</div>
</div>

已经谢谢你了，乔迪

Answer 1

您可以使用not排除当前元素目标，但仍将其向下滑动：

$('.faqs .question').click(function(){
    var $target = $(this).next();
    $('.faqs .answer:visible').not($target.slideDown('normal')).slideUp('normal');
});