jquery - jQuery アコーディオン — クリックして展開、クリックして閉じる

Question

私が書いたいくつかのスクリプトに少し問題があります。HTML と jQuery を以下に示します。現在、各質問のタイトルをクリックすると、回答がスライドダウンします。別の .each-question タイトルをクリックすると、開いていた回答が上にスライドし、新しい回答が下にスライドします。ただし、既に開いている同じ回答の .each-question タイトルをクリックすると、slideUp に失敗し、上にスライドして下にスライドします。

すでに開いている回答のタイトルをクリックすると、上にスライドして表示されたままになります。

$('.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();