Jquery 手风琴第一个面板自动打开

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 Link http://jsfiddle.net/bupd32rq/

感谢您的帮助

Answer 1

打开的面板添加了 current class，然后手动将 class current 放在第一个面板上，相应的 div 和 style="display:block":

<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 手风琴第一个面板自动打开

Jquery Accordion first panel auto opened

html

javascript

jquery

accordion