بازشدن زیر منوی بوت استرپ بصورت hover

شاید برای شما هم پیش اومده باشه طرحی رو با بوت استرپ کدنویسی کرده باشید و نیاز داشته باشید منوهای ناوبار به صورت hove یعنی با رفتن موس روی منوی اصلی زیر منو باز بشه

امروز با توجه به درخواست یکی از کاربران من تصمیم گرفتم این آموزش رو برای شما عزیزان در وبسایت قرار بدم

برای انجام اینکار باید کد زیر رو در فایل bootstrap.js در آخرین خط قرار دهید

$('ul.nav li.dropdown').hover(function() {
  $(this).find('.dropdown-menu').stop(true, true).delay(200).fadeIn(500);
}, function() {
  $(this).find('.dropdown-menu').stop(true, true).delay(200).fadeOut(500);
});

به همین سادگی کار انجام شده و از منوی های بوت استرپ خود لذت ببرید

برای مشاهده دمو کلیک کنید