JQuery Accordion默认关闭

问题描述：

<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>

我在哪里可以放置代码以使默认加载全部关闭直到点击？JQuery Accordion默认关闭

我不确定JSFiddle是什么意思。 – JQuery 2014-12-11 04:27:57

你可以把js代码和测试在那里检查这个链接http://jsfiddle.net/ – 2014-12-11 04:28:25

答

要关闭默认手风琴，下面放线第一线document.ready

$(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'); 
    }); 
});

这就是全部。其余的将在HTML之后成为HTML。 – JQuery 2014-12-11 04:29:59

关闭它，但现在我无法打开任何标题。 – JQuery 2014-12-11 04:32:00

请参阅更新的答案，其余代码表示您的脚本代码不是html。您可以共享HTML代码，以便我可以获得元素位置并以更好的方式向您推荐解决方案。 – 2014-12-11 04:34:39

答

你可以看到什么是点击取消勾选的HTML差异。点击后，html会将样式从“display：black”更改为进入“display：none;”，所以你应该知道如何编码！

JQuery Accordion默认关闭

相关推荐