Question

我可以在Jquery上设置第一个面板自动打开吗？我的手风琴专家小组非常接近。

这是我的HTML

<div class="accordionx">
<div class="acitemx">
    <h3>First Panel</h3>
    <div class="accx">
        This is the content
    </div>
</div>
<div class="acitemx">
    <h3>Second Panel</h3>
    <div class="accx">
        This is the content
    </div>
</div>
<div class="acitemx">
    <h3>Third Panel</h3>
    <div class="accx">
        This is the content
    </div>
</div>

这是我的JS脚本

$(".acitemx h3").click(function () {
$header = $(this);
$content = $header.next();
$content.slideToggle(500, function () {
    $(this).parent().toggleClass('current');
});

}）;

这是JSFiddle链接http://jsfiddle.net/bupd32rq/

感谢您的帮助

Answer 1

已打开的面板添加了current课程，然后在第一个面板上手动放置课程current，并在style="display:block"处添加相应的div：

<div class="acitemx current">
    <h3>First Panel</h3>
    <div class="accx" style="display:block">
        This is the content
    </div>
</div>

更新了 DEMO

Answer 2

您只需添加.eq(0).click()

即可

$(".acitemx h3").click(function () {
    $header = $(this);
    $content = $header.next();
    $content.slideToggle(500, function () {
        $(this).parent().toggleClass('current');
    });
}).eq(0).click();

DEMO

Jquery Accordion第一个面板自动开启

2 个答案: