basculement animation jquery obtenir erreur

Question

Im essayant d'avoir une Animer couche/étendre Hight sur clic d'un bouton « show », puis, dans la couche, un bouton pour cacher revenir à 0.

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

}); 

Vous ne savez pas où le problème est, des idées?

Answer 1

Essayez d'envelopper votre code dans l'événement prêt DOM ...

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

Answer 2

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