jQuery UI手风琴：没有选定部分的开始页面

我在工作网站上有一个手风琴风格的导航部分，我试图弄清楚是否有一种方法来设置它，以便没有当页面加载时选择的部分...基本上你看到所有的标题，但没有内容。jQuery UI手风琴：没有选定部分的开始页面

而且不知道它的相关性，但该网站是用C＃

代码建立在MVC3 ...

<script type="text/javascript"> 
    $(window).load(function() { 
     $('#accordion').accordion({ 
      collapsible: true 
     }); 
    }); 
</script> 
<div id="accordion"> 
    <h3> 
     <a href="#">Employee Stock Ownership Plan Announcement</a></h3> 
    <div> 
     @Html.Partial("_Esop") 
    </div> 
    <h3> 
     <a href="#">TAG Transport Purchase</a></h3> 
    <div> 
     @Html.Partial("_TagPurchase") 
    </div> 
    <h3> 
     <a href="#">Wilcox Truck Line Purchase</a></h3> 
    <div> 
     @Html.Partial("_WilcoxPurchase") 
    </div> 
    <h3> 
     <a href="#">JRI, Inc. Mentorship</a></h3> 
    <div> 
     @Html.Partial("_JRIMentor") 
    </div> 
</div>

基于选择的答案

更正后的代码...

<script type="text/javascript"> 
    $(window).load(function() { 
     $('#accordion').accordion({ 
      collapsible: true, 
      active: false, 
      fillSpace: true, 
      clearStyle: true 
     }); 
    }); 
</script>

这做了两件事。

使它成为当页面加载时没有活动内容。
从面板

来源

2012-01-17 Jared

$(".selector").accordion({ active: false });

来源

2012-01-17 22:38:34 JohnMerlino

谢谢，这工作得很好。现在出现的“bug”现在是一些窗口在以前没有滚动条。对此有何想法？滚动条不是世界的尽头，但我不想拥有它们。 – Jared

您在评论中描述的问题可能来自不同的事情。此页面提供了许多解决方案：http://helpdesk.objects.com.au/javascript/how-to-avoid-scrollbars-when-using-jquery-accordion – JohnMerlino

非常感谢。该帖子删除滚动条！ – Jared

$("#accordion").accordion({ active : 'none' });

jsFiddle

来源

2012-01-17 22:38:19 Sinetheta

设置collapsible选项true是解决方案的一部分去掉滚动条，你还需要将active选项设置为false

来源

2012-01-17 22:38:55 danwellman

jQuery UI手风琴：没有选定部分的开始页面

回答

相关问题