JQueryアコーディオンのデフォルト状態

Question

私はこのアコーディオンでいくつかの助けが必要です。ここのデモをご覧ください。 http://jsfiddle.net/a36RL/

$(document).ready(function() { 
    $('div.accordionButton').click(function() { 
     $('div.accordionContent').slideUp('slow');  
     $(this).next().slideDown('slow'); 
    }); 
    $("div.accordionContent").hide(); 
}); 

私はそれに少し変更を加える必要があります。

1. デフォルトでは最初のタブを下にします。
2. タブがすでにダウンしていて、そのタブが再びクリックされた場合、何もないはずです（現在はスライドしてからもう一度）。

ありがとうございました。

Answer 1

最初のボタンでクリックイベントをトリガして、最初のタブを開くことができます。 これを試してみてください：

$(document).ready(function() { 
    $('div.accordionButton').click(function() { 
    if($(this).next().is(":visible")){ 
     return; 
    } 

     $('div.accordionContent').slideUp('slow');  
     $(this).next().slideDown('slow'); 
    }); 
    $("div.accordionContent").hide(); 
    $("div.accordionButton:eq(0)").click(); 
}); 

の作業例：@

http://jsfiddle.net/a36RL/7/