Имеется страничка на bootstrap(3.3.7) с выпадающим меню, в котором содержатся вкладки и ссылки. В данное время меню открывается по наведению, вкладки работают.
Если удалить этот JS скрипт в песочнице:
$(document).ready(function(){
$(".dropdown").hover(
function() {
$('.dropdown-menu', this).stop( true, true ).slideDown("fast");
$(this).toggleClass('open');
},
function() {
$('.dropdown-menu', this).stop( true, true ).slideUp("fast");
$(this).toggleClass('open');
}
);
});
то выпадающее меню открывается по клику, но и закрывается по следующему любому клику на вкладках или другом элементе меню и вне его пределах.
Если оставить JS-код, то меню открывается при наведении, и не скрывается при клике на вкладках (табах).
Как сделать показ меню при клике, при этом предотвратить закрытие меню по вкладкам и пустом месте выпадающего меню?