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