Ребята, возникла затруднительная ситуация для моего мозга..
Задача такая, имеется тег:
CSS:
#blablabla {
width: 200px;
height: 35px;
position: fixed;
right: -165px;
bottom: 100px;
background-color: #ffffff;
}
HTML:
<div id="blablabla">text-text-text</div>
Нужно при наведении на этот тег мышкой, происходило анимация на 120px влево, и на оборот на 120px в право.
По идеи все работает:
$("#blablabla").bind("mouseenter",function(){
$(this).animate({"width": "+=120px"}, "slow");
}).bind("mouseleave",function(){
$(this).animate({"width": "-=120px"}, "slow");
});
Но если при выполнении анимации, быстро убрать а затем навести мышку, то анимация выполняется очередью... Сначало сдвинится влево, потом в право, затем опять влево.. вправо..
Вопрос заглючается в том как это избежать.. Как при начале выполнении анимация отключать mouseenter, mouseleave, а затем включать после выполнении анимации.. Или есть другие способы..?
PS: Находил одно решение
http://vremenno.net/js/jquery-popup-bubbles/ но так и не смог понять... Там тоже автор решил эту проблему..