Как решить проблему с всплыванием?

Question

[Андрей Сальников]

Есть такой вот код - строчка. Если текст слишком большой, то он просто скрывается.

<li onmouseenter="ShowInfo(this)" onmouseleave="HideInfo(this)">
          <span>Расположение</span><span>TEXT</span></li>
        <li>

Вот код JS, который раскрыавет эту строку до нужного размера.

function ShowInfo(e) {
  $(e).animate({
    height: $(e).find("span:last-child").innerHeight()
  }, "normal");
}

function HideInfo(e) {
  $(e).animate({
    height: "25px"
  }, "fast")
}

Работает нормально. Но есть одно но. Если понаводить несколько раз мышкой, Ну тоесть как бы навел-увел. То она начинает прыгать(оно и понятно, компьютер считает, что ты навел, убрал, навел, убрал, как и должно быть). Так вот вопрос - как с этим можно бороться? И есть ли вообще способы?

Answer 1

[Alex XYZ]

Ещё вариант - проверять, не находится ли элемент в состоянии анимации:

if( $(e).is(':animated') ) {...}

api.jquery.com/animated-selector

Comments

[Андрей Сальников]

Попробую