jquery - ページの読み込み時に最初の子を開く

Question

これが私のアコーディオンデモです。デフォルトで最初の子要素を開く必要があります。

使用したコード

    $('h3','.horizontalaccordion ul li').on('click',function() {
    $(this).closest('li').toggleClass('hover').siblings().removeClass('hover');
});​

Answer 1

あなたのhtmlで。hoverクラスを最初に追加しliます。

<div class="horizontalaccordion">
    <ul>
        <li class="hover">
            <h3>Heading 1</h3>
            <div>Content For Panel 1.</div>
        </li>
        ...
    </ul>
</div>

デモ

Answer 2

これでいいのか…

$('h3','.horizontalaccordion ul li').on('click',function() {
    $(this).closest('li').toggleClass('hover').siblings().removeClass('hover');
});

$('.horizontalaccordion ul li:first').addClass('hover');

</p>

Answer 3

クリックイベントを呼び出すだけです

$('h3','.horizontalaccordion ul li:first-child').click();

フィドル を見るhttp://jsfiddle.net/gajjuthechamp/a545y/28/

JavaScriptセクションに最後のリンクを追加しました