Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 21.05.2017, 15:08
Кандидат Javascript-наук
Отправить личное сообщение для biryukovm Посмотреть профиль Найти все сообщения от biryukovm
 
Регистрация: 13.12.2013
Сообщений: 110

Прятать меню вне нажатия на него
Привет всем.
Я в интернете надыбал меню адаптивное
https://special.habrahabr.ru/kyocera/p/153103/

Оно удобно все классно, но есть проблема и причем крупная.

Чтобы вызвать меню надо нажать на кнопку #pull
И чтобы закрыть надо опять же на нее нажать

Я немного расширил скрипт для моей надобности
$(function() {
    var pull = $('#pull');
    menu = $('nav ul.clearfix');
    menuHeight = menu.height();
    
    $(pull).on('click', function(e) {
        e.preventDefault();
        menu.slideToggle();

        $(this).toggleClass('active');
        menu.toggleClass('closed');
    });
    $(window).resize(function() {
        var w = $(window).width();
        if (w > 320 && menu.is(':hidden')) {
            menu.removeAttr('style');
        }
    });
});



И Вот теперь у меня вопрос.
Мне нужно при клике в не меню чтобы выполнились эти действия
$(this).toggleClass('active');
        menu.toggleClass('closed');


Подскажите как мне сделать ?
Ответить с цитированием
  #2 (permalink)  
Старый 21.05.2017, 17:14
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,105

biryukovm,
$(document).on("click", function(a) {
    $(a.target).closest("#pull, nav ul.clearfix").length || ($("#pull").removeClass("active"), $("nav ul.clearfix").slideUp().addClass("closed"))
});
Ответить с цитированием
  #3 (permalink)  
Старый 01.06.2017, 15:26
Кандидат Javascript-наук
Отправить личное сообщение для biryukovm Посмотреть профиль Найти все сообщения от biryukovm
 
Регистрация: 13.12.2013
Сообщений: 110

Сообщение от рони Посмотреть сообщение
$(document).on("click", function(a) {
    $(a.target).closest("#pull, nav ul.clearfix").length || ($("#pull").removeClass("active"), $("nav ul.clearfix").slideUp().addClass("closed"))
});

Забыл поблагодарить, Спасибо Рони очень помогло
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Замена стилей класса Павел Турченко Элементы интерфейса 9 30.10.2015 15:24
Бесконечноуровневое меню на CSS ruslan_mart Ваши сайты и скрипты 5 12.01.2015 20:59
Выделение активных пунктов многоуровневого меню на jQuery Letto Элементы интерфейса 2 04.12.2013 15:30
Проблема с аккордионом и меню Tie ExtJS 3 01.09.2011 14:36
Переменный в setinterval не видно вне него zeraid Общие вопросы Javascript 12 13.04.2011 10:29