How to make bootstrap dropdown appear on hover instead of click?

I have a bootstrap dropdown on my website, it opens when a user clicks on it like this, now I need to show dropdown options on hover instead of click, how can I do it?


Asked by:- manish
: 2032 At:- 2/17/2018 3:46:07 PM
CSS Bootstrap show dropdown list on hover

1 Answers
profileImage Answered by:- jaiprakash

You can use the below jQuery code to show dropdown on hover (Bootstrap 3.0):

    $('ul.nav li.dropdown').hover(function() {
      $(this).find('.dropdown-menu').stop(true, true).delay(200).fadeIn(200);
    }, function() {
      $(this).find('.dropdown-menu').stop(true, true).delay(200).fadeOut(200);
At:- 2/18/2018 5:37:22 PM

Login/Register to answer
Register directly by posting answer/details

Full Name *

Email *

By posting your answer you agree on privacy policy & terms of use