How to make Bootstrap's dropdown on hover?

Question

How can I make twitter bootstrap's menu dropdown be on hover instead of a click?

Answer 1

1.Hide dropdown-menu on mouseover.

$(document).ready(function() {     $('.nav li.dropdown').hover(function() {         $(this).addClass('open');     }, function() {         $(this).removeClass('open');     }); }); 

2.Hide dropdown-menu on click.

$(document).ready(function() {     $('.nav li.dropdown').hover(function() {         $(this).addClass('open');     }); }); 

http://jsfiddle.net/7yMsQ/1/

Answer 2

heres a function I'm using to get the navbar dropdowns to slide down on hover instead of just popping in

$('.navbar .dropdown').hover(function() {   $(this).find('.dropdown-menu').first().stop(true, true).delay(250).slideDown(); }, function() {   $(this).find('.dropdown-menu').first().stop(true, true).delay(100).slideUp() });