В одном из своих вопросов я спрашивал, как можно открывать и закрывать hamburger-меню с помощью кнопки, а также кликом вне открытого меню, при этом кнопка находилась поверх меню. К сожалению, не сумел применить эти знания к случаю, когда кнопка находится не поверх меню, а, например, рядом с ним.
$('#menu-button').click(function(){
$("#menu-field").show('slow');
event.stopPropagation();
});
};
$(document).click(function() {
if( this.id !== 'menu-field"') {
$("#menu-field").hide('slow');
}
});
Такой код не закрывает меню нажатием кнопки.
Как и в предыдущем вопросе, коротко задачу можно описать так: сделать так, чтобы при нажатии на кнопку происходило только одно событие.
Другая проблема в данной задачи в том, что её едва ли можно решить без использования глобальных объектов (как document
). Это выражается в том, что если мы объявим переменную-переключатель (типа menuShown = false
) или функцию-рычаг (типа showMenu()
), они не будут видны во втором блоке кода.