jQuery UI Accordion: стартовая страница без выбранного раздела

Question

У меня есть раздел навигации в аккордеонном стиле на веб-сайте, и я пытаюсь выяснить, есть ли способ настроить его так, чтобы при загрузке страницы не было выделенного раздела ... в основном Вы видите все заголовки, но не содержимое.

Также не уверен, что это актуально, но сайт построен на MVC3 с использованием C #

код ...

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

Это делало две вещи.

1. Сделано так, чтобы при загрузке страницы не было активного контента.
2. Убрана полоса прокрутки с панелей

Answer 1

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

Answer 2

Установка опции collapsible на true является частью решения, вам также нужно установить опцию active на false

Answer 3

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

jsFiddle