Я сделал простой jsfiddle, чтобы показать проблему:
http://jsfiddle.net/jacqueline01/rCW85/Auto близко меню, щелкнув в любом месте только в конкретном браузере ширина
Пожалуйста, измените размер вашего браузера, чтобы увидеть меню выпадающий/тумблер. Эта упрощенная скрипка создана от this tutorial.
Проблема
Когда выпадающее меню/переключения виден, я хочу его автоматического закрытия всякий раз, когда я нажимаю ссылку или когда я нажимаю вне меню. Это должно произойти только тогда, когда ширина браузера меньше 500 пикселей. (См скрипку)
Я попытался добавить следующее:
$("html").click(function() {
// Code to slideUp the .menu-items
});
Однако эта функция - конечно - также работает, когда ширина браузера более 500px. Я не могу заставить его работать в коде < 500px JS.
Итак, я ищу способ сдвинуть меню в меню после того, как мобильное меню видно, щелкнув в любом месте HTML.
Любая помощь приветствуется. Заранее спасибо!
Что-то вроде этого http://jsfiddle.net/rCW85/7/ :) Я уверен, он может быть улучшен, но дать ему пойти –
Спасибо Aamir! Это почти решение! Однако после того, как я закрыл меню и изменил размер браузера на 500+ px, элементы меню больше не видны. Еще раз спасибо! –
Попробуйте http://jsfiddle.net/rCW85/8/, хотя я бы рекомендовал найти способ использования CSS, поскольку мне не нравится window.resize. –