无法手动关闭切换面板

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