Javascript Jquery手风琴第一面板自动打开
我可以设置Jquery上的第一个面板自动打开吗? 我的手风琴面板离我很近 这是我的htmlJavascript 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
<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”
将classcurrent
手动放置在第一个面板和相应的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();