Bootstrap accordion open on hover

css, html, javascript, jquery, twitter-bootstrap

Solution

You can also try this

$(document).ready(function(){
  $( ".accordion-toggle" ).mouseover(function(){
    $( ".accordion-toggle" ).trigger( "click" );
    // If creating multiple accordion items, use the below to prevent all other
    // items with the class "accordion-toggle" triggering a click event
    // $(this).trigger("click");
  });
});

check this fiddle

Problem

I already tried other examples that I found from Google and SO but can get any to execute so I was trying this silly solution for opening the Bootstrap accordion on hover but it doesn't want to work either... any suggestions? HTML ``` <nav class="nav"> <ul> <li><a class="accordion-toggle" data-toggle="collapse" data-trigger="hover" data-parent="#submenu" href="#one">SHOW</a></li> </ul> </nav> <div id="one" class="collapse"> <div class="accordion-inner"> HERE IS THE STUFF </div> </div> ``` jQuery ``` $('#submenu').collapse({ trigger: "hover" }) ``` FIDDLE http://jsfiddle.net/5J852/

Original source

Related problems