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');
});