jquery - jQuery 手风琴——点击展开，点击关闭

Question

我写的一些脚本有点麻烦。HTML 和 jQuery 如下所示。目前，如果您单击 .each-question 标题，它的答案会向下滑动。如果您单击另一个 .each-question 标题，则打开的答案会向上滑动，新的答案会向下滑动。但是，如果您单击已打开的同一答案的 .each-question 标题，则它无法向上滑动，而是向上滑动并向下滑动。

我想要它，所以如果您单击已经打开的答案的标题，它会向上滑动并保持不变。

$('.faq > .each-question').click(function() {
    $('.faq > .each-answer').slideUp('normal'); 
    $(this).next().slideDown('normal');
});
$('.faq > .each-answer').hide();

<div class="each-question"> Where do your ideas come from? </div>
<div class="each-answer"> Text for answer </div>

更新——jsfiddle http://jsfiddle.net/YZBLg/

提前干杯，R

Answer 1

试试这个jsfiddle：

$('.faq > .each-question').click(function() {
    $('.faq > .each-answer').slideUp( 'slow'); 
    if($(this).next('.each-answer').is(':not(:visible)')){
        $(this).next('.each-answer').slideToggle('normal');
    }
});
$('.faq > .each-answer').hide();

Answer 2

尝试使用.slideToggle()

$('.faq > .each-answer').slideToggle('normal'); 
$(this).next().slideToggle('normal');