Question

我在工作的网站上有一个手风琴风格的导航部分，我试图弄清楚是否有办法设置它，以便在页面加载时没有选定的部分...基本上你看到了所有的标题，但没有看到任何内容。

也不确定它是否相关，但该网站是使用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>

这做了两件事。

这样，当加载的页面没有活动内容时。
从面板中删除了滚动条

Answer 1

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

Answer 2

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

jsFiddle

Answer 3

将collapsible选项设置为true是解决方案的一部分，您还需要将active选项设置为false

jQuery UI Accordion：没有选定部分的起始页面

3 个答案: