jQuery-SlideToggle全部但非全部-折疊其他類別（“常見問題解答/常見問題解答”部分）

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。 引起我注意的是，此手風琴有一個引導UI，可從以下位置找到： https : //github.com/angular-ui/bootstrap/tree/master/src/accordion