Javascript 如何在关闭所有菜单的情况下加载此手风琴?
这就是我正在使用的: 我想在默认情况下关闭所有菜单 提前谢谢 PS:我对JavaScript一无所知,所以如果你用提琴来说明你的答案会有帮助Javascript 如何在关闭所有菜单的情况下加载此手风琴?,javascript,jquery,accordion,Javascript,Jquery,Accordion,这就是我正在使用的: 我想在默认情况下关闭所有菜单 提前谢谢 PS:我对JavaScript一无所知,所以如果你用提琴来说明你的答案会有帮助 $('.info').find('.accordion-toggle').click(function () { //Expand or collapse this panel $(this).toggleClass("open").next().slideToggle('fast'); //Hide the other panel
$('.info').find('.accordion-toggle').click(function () {
//Expand or collapse this panel
$(this).toggleClass("open").next().slideToggle('fast');
//Hide the other panels
$(".accordion-toggle").not($(this)).removeClass("open");
$(".accordion-content").not($(this).next()).slideUp('fast');
});
删除“打开”和“默认”
标题1
内容1。。。
标题2
内容2。。。
标题3
内容3。。。
“open”类将标题样式设置为打开,“default”将内容设置为在用户交互之前默认显示的内容删除“open”和“default”
标题1
内容1。。。
标题2
内容2。。。
标题3
内容3。。。
“open”类将标题样式设置为打开,“default”将内容设置为在用户交互之前默认显示的内容
标题1
内容1。。。
标题2
内容2。。。
标题3
内容3。。。
无需修改JS,只需删除第一个H1标记中的open类和它下面的div中的default类。请参阅更新的
标题1
内容1。。。
标题2
内容2。。。
标题3
内容3。。。
无需JS更改,只需删除第一个H1标记中的open类和它下面的div中的default类。“open”类将标题样式设置为open,“default”将内容设置为用户交互之前默认显示的内容。是的,我知道;这是一个“对JavaScript一无所知”的OP,加上任何代码解释都需要在答案中,在那里它是可见的,并且易于阅读;在评论中,格式(比如它)对于有意义的交流来说是非常糟糕的。你是对的,对不起,我只是认为从类名来看这很明显。“open”类将标题样式设置为打开,“default”将内容设置为用户交互前默认显示的内容。是的,我知道;这是一个“对JavaScript一无所知”的OP,加上任何代码解释都需要在答案中,在那里它是可见的,并且易于阅读;在注释中,格式(比如它)对于有意义的交流来说是非常糟糕的。你是对的,对不起,我只是认为从类名来看这是显而易见的。看到更新的小提琴看到更新的小提琴我觉得有点傻我没有注意到。你的回答非常清楚,直截了当。在你用代码和小提琴编辑它之前,我马上得到了它。谢谢你帮我。我觉得有点傻,我没注意到。你的回答非常清楚,直截了当。在你用代码和小提琴编辑它之前,我马上得到了它。谢谢你帮助我。
<div class='info'>
<h1 class='accordion-toggle'>Header 1 </h1>
<div class='accordion-content'>Content 1...</div>
<h1 class='accordion-toggle'>Header 2 </h1>
<div class='accordion-content'>Content 2...</div>
<h1 class='accordion-toggle'>Header 3 </h1>
<div class='accordion-content'>Content 3...</div>
</div>
<div class='info'>
<h1 class='accordion-toggle (remove this class ->)open'>Header 1 </h1>
<div class='accordion-content (remove this class ->)default'>Content 1...</div>
<h1 class='accordion-toggle'>Header 2 </h1>
<div class='accordion-content'>Content 2...</div>
<h1 class='accordion-toggle'>Header 3 </h1>
<div class='accordion-content'>Content 3...</div>
</div>