Я работаю над выпадающим меню языка. Только одна проблема, можем ли мы перестать скрывать раскрывающееся меню при использовании полосы прокрутки внутри выпадающего меню? Меню становится скрытым, когда я нажимаю стрелку вверх/вниз или скроллер.
Вот скрипка: http://jsfiddle.net/awaises/BwcS8/
JQuery
$(function() {
//hide menu if we click any where on the page
var menuClicked = false;
$(document).on('click', function(){
if(menuClicked){
menuClicked = false;
return;
}
if($(".add_language_menu_item").css('display') != 'none'){
$(".add_language_menu_item").stop(true, true).slideToggle();
}
});
//open menu if we click on Add More Languages menu
$(".add_language_menu").each(function(e) {
if ($(this).find(".add_more_languages").length > 0) {
$(this).mousedown(function(e) {
if($(e.target).attr('type') == 'checkbox') return;
$(this).find(".add_language_menu_item").stop(true, true).slideToggle();
menuClicked = true;
});
}
});
});
Немного изменил наш код:
$(".add_language_menu").each(function(e) {
if ($(this).find(".add_more_languages").length > 0) {
if($(e.target).attr('type') == 'checkbox') return;
$(this).click(function(){
$(this).find(".add_language_menu_item").slideToggle();
menuClicked = true;
});
}});