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

Загруженные данные из mysql не отображаются в свернутом аккордеоне начальной загрузки. Это показывает, удален ли коллапс класса.

<div class="accordion" id="accKarin"> 
   <div class="accordion-group"> 
    <div class="accordion-heading"> <a class="accordion-toggle" data-toggle="collapse" data-parent="#accKarin" href="#group1Karin"> <img src="img/karin.png" style="width:120px;" alt="Karin" />&nbsp;&nbsp;<b>Karin </b></a>
   </div>
   <div id="group1Karin" class="accordion-body collapse"> 
    <div class="accordion-inner"><?php $FP->Cms->display_block("index_karin", "wysiwyg");  ?>
    </div>
   </div>
  </div>
</div>

Как я могу заставить это работать, как ожидалось?


php collapse accordion twitter-bootstrap
person user2443343    schedule 05.08.2013    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Добавьте in в класс collapse следующим образом:

<div id="group1Karin" class="accordion-body collapse in">
person Bora    schedule 05.08.2013
comment
in не является существующим классом начальной загрузки Twitter. Я только что узнал, что проблема в сочетании с Colorbox. Они используют 2 разные версии jQuery. Итак, jQuery.noConflict(true); необходимо избегать конфликтов. И тем не менее, без этой строки кода аккордеон работает нормально, а мой колорбокс — нет, и наоборот. - person user2443343; 06.08.2013