jquery - トグルパネルを手動で閉じることができません

Question

私はここに jsfiddle を持っています - http://jsfiddle.net/stevea/R5MPr/1/ - シンプルなトグルパネルを備えています。トグル パネル アクションは正常に機能します。質問をクリックして、回答を開いたり閉じたりできます。しかし、開いている質問を手動で閉じる必要がある [すべて閉じる] ボタンが機能しません。の

.slideToggle(500); 

開いているパネルを閉じません。誰かが問題を見ていますか？

ありがとう。

Answer 1

もっと簡単な方法は、closeAll を処理するクラスを追加することです。

HTML:

<div class="qa" id='qa'>
    <h3> This is question 1</h3>
    <div>This is  the answer to question 1</div>
     <h3> This is question 2</h3>
    <div>This is  the answer to question 2</div>
</div>

jQuery:

$('button#closeAll').click(function() {
    $('.qa div').slideUp(500);  
});

jsfiddle