切換jQuery動畫獲取錯誤

Question

我試圖單擊“顯示”按鈕使圖層動畫化/展開，然后在該圖層內使用按鈕將其隱藏為0。

    $(".showcart").click(
        function(){ $("#cart").animate({ height: "400px" }); $(".showcart").toggle();});
            $(".hidecart").click(function(){
            $("#cart").animate({height: "0px"});
        }); 

});

不知道問題出在哪里，有什么主意嗎？

Answer 1

$(".showcart").click(function(){ 
       $("#cart").animate({ height: "400px" }); 
       $(".showcart").toggle();});
       $(".hidecart").click(function(){
                  $("#cart").animate({height: "0px"});
       });
});

Answer 2

嘗試將代碼包裝在DOM ready事件中...

$(function() {
    $(".showcart").click(function(){
        $("#cart").animate({ height: "400px" });
        $(".showcart").toggle();
    });
    $(".hidecart").click(function(){
        $("#cart").animate({height: "0px"});
    });
});