Bootstrap Collapse accordion on hover

Question

I\'m using Twitter\'s Bootstrap \'Collapse\' plug-in in a project I am working on. I have a simple accordion (setup as per the documentation), but I want to amend the defaul

Answer 1

1. Add the following script

   $( ".hoverExpand" ).hover(
       function() {
           if (! $(this).hasClass('collapsing') && 
               $(this).hasClass('collapsed')) {
                   $( this ).click();
           }
       }, function() {
           if  (! $(this).hasClass('collapsing') || 
                ! $(this).hasClass('collapsed')) {
                   $( this ).click();
           }
       }
   );
   

2. Add hoverExpand (or whatever you want to call it) to the element. See example below

   <a class="hoverExpand" data-toggle="collapse" data-parent="#accordion" 
      href="#collapseOne">A plane that flies below water</a>