jquery - Jquery の "toggle" メソッドの動作がおかしい

Question

私はこのようなコードの塊を持っています:

$(".ani-search").toggle(
    function(){
        $("#header .logo a").animate({
            marginLeft: "-=30px",
            marginLeft: "-=60px",
            marginLeft: "-=90px"
        });
    },

    function(){
        $("#header .logo a").animate({
            marginLeft: "-=60px",
            marginLeft: "-=30px",
            marginLeft: "0px"
      })
   }
);

対応する HTML ページを実行すると、有効なトグル応答が得られません。ページを開くとすぐに、「ani-search」クラスの画像が一度点滅して消えます。何も切り替えられませんか? なぜこうなった？

同様に、ここに別のテストコードがあります」

<p>Hello world</p>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.0/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.10.0.js"><\/script>')</script>
<script>
    $("p").toggle(
        function(){
            alert("Cliclk 1");
        },
        function(){
            alert("Click 2");
        }
    );    
</script>

ここでも同じことが起こります。ブラウザにページをロードするとすぐに、「Hello world」というテキストが 1 回点滅し、「Click 2」というメッセージのアラート ボックスが表示されます。それでおしまい。

ここで切り替えることができないのはなぜですか?