やりたいこと
メニューにマウスカーソルが乗ると
slidetoggleでメニューが下に伸びるものを作ったのですが、
カーソルが手ブレでメニューに乗ったり乗らなかったりすることで
イベントが多重に登録され延々伸び縮みするのを防ぎたいです。
現状は下記の内容で動作しています。
$(function(){ $('.sita').hover(function(){ $(this).children('div').slideToggle(); },function(){ $(this).children('div').slideToggle(); }); });
状況・要件としては
1:一度メニューが伸びて、カーソルが離れて縮んで消えるという動作が終わるまでは、このイベントが多重に動いてほしくない
2:とはいえ、このスクリプトで動くメニューボタンは複数あり、ボタン1のメニューが伸び縮みしている間はボタン2のメニューが動かない、では問題がある
という状況です。
2:については一個一個クラスを変えればなんとでもなるので優先順位は低いのですが、
1:についてはどうにかしなければならない状況になっています。
詳しい方、どなたかご教授お願いいたします。
回答2件
あなたの回答
tips
プレビュー