jqueryのシンプルなメニューのロールオーバー（アニメーションキューなし）

Question

メニュー項目としてリスト項目を含む単純な順序なしリストがあります 面白いロールオーバー効果を出すためだけにjqueryを作成しました 存在する： ジェネラコディセタグプレ

このスクリプトの問題は、メニューを何度も急いでいると、アニメーションキューが作成されることです。 間に.stop（）を使用しようとしましたが、他のリストアイテムからのアニメーションも停止し、どのような場合でもデフォルトの状態に戻るはずです。 アイテムごとにキューをstop（）する方法はありますか？しかし、リスト全体ではありませんか？

Answer 1

$（this） .stop（） .animate（...）が機能しない理由はわかりませんが、このアプローチを試すこともできます： ジェネラコディセタグプレ

現在アニメーション化されていない要素でのみアニメーション化をトリガーします