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/