Меню jquery

@dikucher · Регистрация: 11.03.2013

Студворк — интернет-сервис помощи студентам

Добрый,
Задача:
- при загрузке старницы меню должно свернуться через 10с.
- Если на меню фокус (:hover) - оно не может свернуться,
- Если на меню был фокус, а потом фокус убрали, то меню должно свернуться через 5с

Также у меню есть кнопка по которой оно разворачивается и сворачивается

код на jsfiddle

@Lazy_Den · 29.04.2014, 03:24

Не по теме:

Сообщение от dikucher

Задача:

Звучит, как ТЗ. Может всё-таки с такой постановкой вопроса, лучше в этот раздел форума?

@dikucher · 29.04.2014, 05:13 **[ТС]**

хм, четко поставленную задачу вы воспринимаете как ТЗ в раздел фриланса ?
Если кто то поможет и при этом покажет, что здесь нужно проделать объем работы, за который следует платить - буду только рад

Добавлено через 1 час 26 минут
пытался реализовать через добавление класов ( в зависимости есть фокус на меню или нет) но так ничего и не вышло. Постоянно вылязят "глюки" - точнее не продуманность решения

Думаю, что в идеале нужно логика типа

JavaScript
1
2
3
4
$('.main-menu').mouseleave(function(){
  $(this).animate({width: 30px});
  // но если на элементе фокус, то это функция не должна срабатывать, вот этого куска мне и не хватает
})

@Lazy_Den · 29.04.2014, 05:33

В примере поставил задержку в 5 сек., чтоб не ждать долго. Смотрите тут.

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
var mainMenu = $('.main-menu'),
    menuBut = $('.menu-button',mainMenu),
    menuLinks = $('a',mainMenu),
    timer;
function autoHideMenu(){
    timer = setTimeout(function(){
        mainMenu.addClass('short');
    }, 5000);    
}
menuBut.on('click', function(){
    mainMenu.toggleClass('short');
});
menuLinks.on('click', function(){
    menuLinks.removeClass('active');
    $(this).addClass('active');
});
mainMenu.on({
    mouseenter: function(){
        clearTimeout(timer);
    },
    mouseleave: autoHideMenu
}).mouseleave();

@dikucher · 29.04.2014, 14:04 **[ТС]**

Lazy_Den, вот чего мне не хватало clearTimeout !!! Спасибо

Новые блоги и статьи Все статьи Все блоги /
Модель ЗдрввоСохранения 7: больше работников, больше ресурсов. anaschu 08.04.2026 работников и заданий может быть сколько угодно, но настроено всё так, что используется пока что только 20%	Дальние перспективы сервера - слоя сети с космологическим дизайном интефейса карты и логики. Hrethgir 07.04.2026 Дальнейшее ближайшее планирование вывело к размышлениям над дальними перспективами. И вот тут может быть даже будут нужны оценки специалистов, так как в дальних перспективах всё может очень сильно. . .	Горе от ума kumehtar 07.04.2026 Эта мне ментальная установка, что вот прямо сейчас, мол, мне для полного счастья не хватает (нужное вписать), и когда я этого достигну - тогда и полный кайф. Одна из самых сильных ловушек на пути. . . .	Использование значений реквизитов справочника в документе, с определенными условиями и правами Maks 07.04.2026 1. Контроль срока действия договора Алгоритм из решения ниже реализован на примере нетипового документа "ЗаявкаНаРаботу", разработанного в конфигурации КА2. Задача: уведомлять пользователя, если. . .
Доступность команды формы по условию Maks 07.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: сделать доступной кнопку (команда формы "ЗавершитьСписание") при. . .	Уведомление о неверно выбранном значении справочника Maks 06.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "НарядПутевка", разработанного в конфигурации КА2. Задача: уведомлять пользователя, если в документе выбран неверный склад. . .	Установка Qt Creator для C и C++: ставим среду, CMake и MinGW без фреймворка Qt 8Observer8 05.04.2026 Среду разработки Qt Creator можно установить без фреймворка Qt. Есть отдельный репозиторий для этой среды: https:/ / github. com/ qt-creator/ qt-creator, где можно скачать установщик, на вкладке Releases:. . .	AkelPad-скрипты, структуры, и немного лирики.. testuser2 05.04.2026 Такая программа, как AkelPad существует уже давно, и также давно существуют скрипты под нее. Тем не менее, прога живет, периодически что-то не спеша дополняется, улучшается. Что меня в первую очередь. . .

@dikucher 11 / 11 / 2 Регистрация: 11.03.2013 Сообщений: 100

	Меню jquery 29.04.2014, 02:54. Показов 1190. Ответов 4 Метки нет (Все метки) Добрый, Задача: - при загрузке старницы меню должно свернуться через 10с. - Если на меню фокус (:hover) - оно не может свернуться, - Если на меню был фокус, а потом фокус убрали, то меню должно свернуться через 5с Также у меню есть кнопка по которой оно разворачивается и сворачивается код на jsfiddle 0

@dikucher 11 / 11 / 2 Регистрация: 11.03.2013 Сообщений: 100
	29.04.2014, 14:04 [ТС]
	Lazy_Den, вот чего мне не хватало clearTimeout !!! Спасибо 0

Меню jquery

Решение