jquery - アニメーション Jquery を停止

Question

各項目にカーソルを合わせると表示および非表示になるサイド メニューがあります。しかし、アイテムをクリックすると、アニメーションが停止します。

これはマウスオーバー時のアニメーションです

$('#navigation > li').hover(
    function() {
        $('a',$(this)).stop().animate({'marginLeft':'-7px'},200);
    },
    function () {
        $('a',$(this)).stop().animate({'marginLeft':'-150px'},200);
    }
);

これは、単一のアイテムをクリックするだけのアニメーションです

$("#navigation > li").click(function(){
       $('a',$(this)).stop();
});

Answer 1

それを試してみてください

$("#navigation > li").click(function(){
   $(this).children('a').stop();
});