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 部分添加了最后一个链接