Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Помогите исправить меню (https://javascript.ru/forum/dom-window/30904-pomogite-ispravit-menyu.html)

fAmOus 20.08.2012 03:55

Помогите исправить меню
 
Вот ссылка
Собственно когда наводишь на кнопку "О проекте" много раз, всё время повторяется её событие "Появление" "Исчезновение"..
Вот код с проблемой:
$(function(){
 var a = $('div#cathover_drop1');
 $('.deProject').hover(function(){
 a.addClass('deProject');
 a.slideDown('');
 },function(){
 a.slideUp('');
 });
 });​


А вот я пытался сделать, но не очень красиво вышло..
$(function(){
 var a = $('div#cathover_drop1');
 $('.deProject').hover(function(){
 a.addClass('deProject').stop(true, true);
 a.slideDown('');
 },function(){
 a.slideUp('');
 });
 });​


Как сделать чтобы она не повторялась?

Deff 20.08.2012 04:12

$(function(){
 $('.deProject').mouseenter(function(){
 $('div#cathover_drop1').addClass('deProject').stop(true, true);
 $('div#cathover_drop1').slideDown('');
 }).mouseleave(function(){
 $('div#cathover_drop1').slideUp('');
 });
});

fAmOus 20.08.2012 11:32

Deff,
Попробуйте без .stop(true, true); наводите много раз на кнопку, и увидите что она открывается и закрывается ровно столько раз, сколько и навели..

Deff 21.08.2012 09:24

Цитата:

Сообщение от fAmOus
Попробуйте без .stop(true, true); наводите много раз на кнопку, и увидите что она открывается и закрывается ровно столько раз, сколько и навели..

$(function(){
 $('.deProject.not(.deProject)').mouseenter(function(){
 $('div#cathover_drop1').addClass('deProject').stop(true, true);
 $('div#cathover_drop1').slideDown('');
 }).mouseleave(function(){
 $('div#cathover_drop1').removeClass('deProject').stop(true, true);
 $('div#cathover_drop1').slideUp('');
 });
});


Часовой пояс GMT +3, время: 19:09.