Javascript 切换jquery动画获取错误

我试图在点击“显示”按钮时让一个层动画/展开高度，然后，在层内，有一个按钮将其隐藏回0

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

});

---

不确定问题出在哪里，有什么想法吗？

尝试将代码包装到DOM就绪事件中

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

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