2015/02/26

【jQuery】ホバーした回数だけ動作しないようにするslideToggleの書き方

【jQuery】ホバーした回数だけ動作しないようにするslideToggleの書き方

たまにslideToggleを使う時に毎回調べてるのでメモ。
解決方法は「.stop()」を追記するだけ!!

<script type="text/javascript">
$(document).ready(function(){
     $('ul li.nav01').hover(function(){
          $(this).children('ul').stop().slideToggle();
     });
});
</script>

【参考サイト】
jQueryのhoverイベントで 狂ったようにアニメーションするのを止める方法 | LogicA - jQueryだいすきフリーランサーのブログ –

Related Posts関連記事