html - 最初のトグル div を開いて開始する必要があります

Question

2 つの div (「質問」と「回答」) のグループがあります。
「質問」をクリックすると「回答」が表示されます。
「質問」をもう一度クリックすると (または別の「質問」をクリックすると)、現在表示されている「回答」が非表示になり、新しい回答が表示されます。
私が理解できないのは、シリーズの最初の質問/回答セットをページの読み込み時に表示する方法です

コード：

jQuery(document).ready(function() {
    jQuery(".answer").hide();
    jQuery(".question").click(function() {
        jQuery(".answer").not(jQuery(this).next(".answer")).hide();
        jQuery(this).next(".answer").toggle();
    });
});

デモ: http://jsfiddle.net/pixeloco/Y724r/

Answer 1

クリックをトリガーするだけですfirst-child

jQuery(document).ready(function () {

    jQuery(".answer").hide();
    jQuery(".question").click(function () {
        jQuery(".answer").not(jQuery(this).next(".answer")).hide();
        jQuery(this).next(".answer").toggle();
    });
    jQuery('.question:first-child').trigger('click');
});

フィドルをチェックする