Может ли кто-нибудь помочь мне адаптировать следующее, чтобы раскрывающееся меню не только скрывалось при щелчке, но также скрывалось от мыши и/или когда навешивалась другая кнопка меню верхнего уровня?
$(document).ready(function () {
$("li").click(function () {
$('li > ul').not($(this).children("ul").toggle()).hide();
});
});
Все еще мои ноги мокрые с кодировкой jQuery/script.
ПРИМЕЧАНИЕ. Я использую div как часть структуры выпадающего списка, как в случае, когда "ul" выше заменяется на div.
FYI, я не могу признаться за вышеизложенное, это работа Pramod Sankar L (пользователь PSL).
Любая помощь будет оценена!
Пытаться
$(document).ready(function () {
$("li:has(ul)").click(function () {
$('li > ul').not($(this).children("ul").toggle()).hide();
}).mouseleave(function () {
$('li > ul').hide();
});
});
$("li:has(ul)")
select li
который содержит ul
Обновлено после Op Комментарий
$(document).ready(function () {
$("#dropmenu li:has(div)").click(function () {
$('#dropmenu li.second-level > #dropmenu li.second-level div.drop_6col-bottom').not($(this).children("#dropmenu li.second-level div.drop_6col-bottom").toggle()).hide();
}).mouseleave(function () {
$(this).children('div').hide();
});
});
$("li").on('click, mouseout', function(){
.. просто комментирую, так как я не уверен.