Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/476.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/83.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在关闭所有菜单的情况下加载此手风琴?_Javascript_Jquery_Accordion - Fatal编程技术网

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

这就是我正在使用的:

我想在默认情况下关闭所有菜单

提前谢谢

PS:我对JavaScript一无所知,所以如果你用提琴来说明你的答案会有帮助

$('.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>