JQuery - SlideToggle所有但不是 - 折叠其他类别（FAQ/Q＆A部分）

Question

我有一个FAQ部分，它使用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(); 

}); 

Answer 2

可能关注的人：使用JQuery是不必要的。我注意到这款手风琴有一个bootstrap用户界面，它可以在这里找到：https://github.com/angular-ui/bootstrap/tree/master/src/accordion