Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/performance/5.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
JQuery手风琴默认关闭_Jquery - Fatal编程技术网

JQuery手风琴默认关闭

JQuery手风琴默认关闭,jquery,Jquery,$(文档).ready(函数($){ $('#accordion')。查找('.accordion切换')。单击(函数(){ //展开或折叠此面板 $(this.next().slideToggle('fast'); //隐藏其他面板 $(“.accordion content”).not($(this.next()).slideUp('fast'); }); }); .accordio切换{光标:指针;} .手风琴内容{显示:无;} .accordion-content.default{dis

$(文档).ready(函数($){ $('#accordion')。查找('.accordion切换')。单击(函数(){ //展开或折叠此面板 $(this.next().slideToggle('fast'); //隐藏其他面板 $(“.accordion content”).not($(this.next()).slideUp('fast'); }); }); .accordio切换{光标:指针;} .手风琴内容{显示:无;} .accordion-content.default{display:block;}


在单击之前,我可以将默认加载全部关闭的代码放在哪里?

要默认关闭accordian,请将其放在
文档的第一行下方。就绪

<p><!-- JS --><script type="text/javascript">
$(document).ready(function($) {
 $('#accordion').find('.accordion-toggle').click(function(){

  //Expand or collapse this panel
  $(this).next().slideToggle('fast');

  //Hide the other panels
  $(".accordion-content").not($(this).next()).slideUp('fast');
  });
  });
 </script><!-- CSS -->
<style type="text/css">.accordion-toggle {cursor: pointer;}
.accordion-content {display: none;}
.accordion-content.default {display: block;}
</style>
<!-- HTML --></p>

您可以看到单击和取消单击之间的html区别。单击后,html会将样式从“display:black;”更改为“display:none;”。因此您应该知道如何编码

我不知道JSFiddle是什么意思。你可以把js代码放在哪里并在那里进行测试,检查一下这个链接就可以了。其余的将是HTML之后。这关闭了它,但现在我不能打开任何标题。请看更新的答案,其余的代码意味着你的脚本代码不是HTML。请你分享HTML代码,这样我就可以得到元素的位置,并以更好的方式向你推荐解决方案。
$(document).ready(function($) {
    $(".accordion-content").slideUp('fast');
    $('#accordion').find('.accordion-toggle').click(function(){

      //Expand or collapse this panel
       $(this).next().slideToggle('fast');

      //Hide the other panels
      $(".accordion-content").not($(this).next()).slideUp('fast');
    });
});