通过Jquery单击隐藏一个又一个元素

Question

我有一些同一类'showFaq'的元素。我想这样做，所以我一次只能在'showFaq'类中打开一个元素。

 $(".subFaq").hide();
 $(".showFaq").click(function(){
  $(this).next().slideToggle('slow');
});

谢谢！

Answer 1

试试这个

$(".subFaq").hide();
$(".showFaq").click(function(){
    $(".subFaq").hide(); // hide all the faq before showing the current one
    $(this).next().slideToggle('slow');
});

Answer 2

您必须首先定义常见问题解答的父级，然后

$(".showFaq").click(function(){
     $('#parent').children().filter(':not(this)').hide();
}

尚未测试但希望它能够正常工作