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

Javascript Jquery手风琴第一面板自动打开,javascript,jquery,html,accordion,Javascript,Jquery,Html,Accordion,我可以设置Jquery上的第一个面板自动打开吗? 我的手风琴面板离我很近 这是我的html <div class="accordionx"> <div class="acitemx"> <h3>First Panel</h3> <div class="accx"> This is the content </div> </div> <div class="acitem

我可以设置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>
}))

这是jsiddle链接


感谢您的帮助

打开的面板添加了
current
类,然后使用
style=“display:block”
将class
current
手动放置在第一个面板和相应的div上:


第一小组
这就是内容
更新了您只需添加
.eq(0)。单击()


谢谢兄弟。但是,该面板很快就可以使用php进行循环。你能给解决方案的焦点来编辑js而不是html吗?是的,使用这个
$('.acitemx').eq(0).addClass('.acitemx').find('.accx').css('display','block')太好了!非常感谢兄弟:)嗨,加扎利,当其中一个面板打开时,如何关闭所有面板?再次感谢:)
$(".acitemx h3").click(function () {
$header = $(this);
$content = $header.next();
$content.slideToggle(500, function () {
    $(this).parent().toggleClass('current');
});
<div class="acitemx current">
    <h3>First Panel</h3>
    <div class="accx" style="display:block">
        This is the content
    </div>
</div>
$(".acitemx h3").click(function () {
    $header = $(this);
    $content = $header.next();
    $content.slideToggle(500, function () {
        $(this).parent().toggleClass('current');
    });
}).eq(0).click();