Question

这是我的手风琴DEMO。我需要默认打开第一个子元素。

使用的代码

    $('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>

demo

Answer 2

这样做......

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

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

Answer 3

只需调用点击事件

即可

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

请参阅fiddle http://jsfiddle.net/gajjuthechamp/a545y/28/

我刚刚在JavaScript部分添加了最后一个链接

页面加载时打开第一个子节点

3 个答案: