Как мне заставить мой аккордеон загружаться со всеми закрытыми меню?

Question

Я пытаюсь следовать примеру здесь

http://twitter.github.com/bootstrap/javascript.html#collapse

Я разместил макет здесь

http://jsfiddle.net/gqe7g/

Режим загрузкистранно.Он показывает Menu1, затем сворачивается, затем показывает Menu2 и Menu3.Я бы хотел, чтобы все открылось рухнуло.Я попробовал следующее без успеха

$('#accordion').collapse({hide: true})

Answer 1

Я знаю, что это старая дискуссия, но вот еще два решения, которые сработали:

1) Добавьте

класс aria-expanded="true" внутри этой ссылки:

<a data-toggle="collapse" data-parent="#accordion"...></a>

2) В случае, если вы используете панели (как показано ниже)

<div id="collapse1" class="panel-collapse out collapse in" style="height: auto;">

изменение collapse in на collapse out также сделает трюк

Answer 2

<script type="text/javascript">  

    jQuery(document).ready(function ($) {

       $('#collapseOne').collapse("hide");
    });      

</script>

Answer 3

Используя jQuery , у меня получилось, когда ВСЕ контейнеры свернулись при загрузке страницы

Добавление {active: false} и, конечно, collapsible должно быть включено

  $(function () {
      $("#accordion").accordion({ collapsible: true, active: false });
      $(".selector").accordion();
  });