Привет всем!
Наверняка, для Вас это вопрос элементарный (иначе, я бы к Вам и не обратился
).
На сайте
https://cartin.ru/ в мобильной версии (при уменьшении размера браузера) появляется кнопка меню (т.н. гамбургер)
При нажатии на кнопку выезжает слева меню, и убирается, если нажать на эту же кнопку. С этим проблем нет. Это я деляю кодом, который по моему ранее нашел на этом форуме:
$(document).ready(function(){
$('#top_menu_click').toggle(
function(){
$('.page').animate({'left':'200'},400);
},
function(){
$('.page').animate({'left':'0'},400);
});
});
А как сделать так, чтобы меню убиралось, если нажать на любом месте, кроме этого меню?
Я пробовал по аналогии. Добавил это ниже первого кода:
$('.page').click(function() {
$('.page').animate({'left':'0'},400);
})
Но проблема в том, что если нажимаю на другом месте, то меню убирается, но чтобы его снова показать приходится 2 раза нажимать на гамбургер.
Я так понимаю, первая часть кода помнит то, что было сделано в ней. И не знает, чего происходило во второй части. Как их подружить, или может вообще надо по другому это делать?