JQuery手风琴默认关闭
$(文档).ready(函数($){ $('#accordion')。查找('.accordion切换')。单击(函数(){ //展开或折叠此面板 $(this.next().slideToggle('fast'); //隐藏其他面板 $(“.accordion content”).not($(this.next()).slideUp('fast'); }); }); .accordio切换{光标:指针;} .手风琴内容{显示:无;} .accordion-content.default{display:block;}JQuery手风琴默认关闭,jquery,Jquery,$(文档).ready(函数($){ $('#accordion')。查找('.accordion切换')。单击(函数(){ //展开或折叠此面板 $(this.next().slideToggle('fast'); //隐藏其他面板 $(“.accordion content”).not($(this.next()).slideUp('fast'); }); }); .accordio切换{光标:指针;} .手风琴内容{显示:无;} .accordion-content.default{dis
在单击之前,我可以将默认加载全部关闭的代码放在哪里?要默认关闭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');
});
});