Bootstrap 2.2 аккордеон - содержимое все еще видно после краха

Question

Я использую очень простой обвал Bootstrap. Мой код взят из шаблона Bootstrap docs (2.2).

Однако, когда я нажимаю заголовок, чтобы свернуть раздел, раздел открывается, но содержимое остается видимым в течение 2-3 секунд, прежде чем оно исчезнет.

Поскольку это было непротиворечиво, я играл с ним и заметил, что это обычно происходит, когда курсор находится поверх содержимого после нажатия ссылки, которая разрушает раздел.

Кто-нибудь сталкивался с таким поведением? Любые идеи, как предотвратить это?

Мой код:

<div class="accordion" id="accordion2"> 
     <div class="accordion-group" id="sec_productname"> 
     <div class="accordion-heading"> 
      <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion03" href="#collapse0301">Section1</a> 
     </div> 
     <div id="collapse0301" class="accordion-body collapse"> 
      <div class="accordion-inner"> 
       <!-- section 1 content goes here --> 
      </div><!-- /end accordion-inner --> 
     </div><!-- /end accordion-body --> 
     </div><!-- /end accordion group --> 
    </div><!-- /end accordion2 --> 

Answer 1

UPDATE: Нашел проблему.

У меня был следующий фрагмент кода в моем коде, я не совсем уверен, где я его получил или почему он там (я вытащил макет из документов Bootstrap, чтобы сэкономить время, получается - плохая идея :)).

$('.accordion-body.collapse').hover(
     function() { 
     $(this).css('overflow','visible'); 
     }, 
     function() { 
     $(this).css('overflow','hidden'); 
     } 
); 

Снятие решения проблемы.