Очистка очереди функций

@Kayker · Регистрация: 22.05.2014

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

Доброго времени суток.
Реализован эффект анимированного появления блока при наведении на родителя.
Если провести по родителю несколько раз анимация срабатывает многократно, как этого избежать?

HTML5

1
2
3

<div class="block">
    <div class="hover"></div>
</div>

Javascript

<script>
    $(document).ready(function(){
        $('.block').hover(
            function(){
            $(this).find('.hover').show(300);
        },
        function(){
            $(this).find('.hover').hide(300);
        }
        )
    })
    </script>

@sad67man · 14.01.2018, 09:49

Kayker,

Javascript

$('.block').hover(
  function() {
    $(this).find('.hover').stop().show(300);
  },
  function() {
    $(this).find('.hover').stop().hide(300);
  }
)

	14.01.2018, 09:49

Очистка очереди функций

Решение