javascript - JQuery - SlideToggle 全部但不折叠其他类别(常见问题解答/问答部分)

Question

我有一个常见问题解答部分，它使用 JQuery .slideToggle 来显示答案，请参阅下面的 JSFiddle。

http://jsfiddle.net/hq1z63cz/

$("[class^='panel-heading']").click(function(){
    $(this).next().slideToggle();       
});

如果单击问题时，除了与单击的问题相对应的答案之外，所有答案都会折叠。

Answer 1

您可以利用 jQuery 的 siblings()方法影响除当前面板之外的所有其他面板。

$("[class^='panel-heading']").click(function(){
    $(this).next().slideToggle()
        .parent().siblings().find('.panel-collapse').slideUp(); 

});