toggling jquery animation getting error
Im trying to have a layer animate/expand hight on click of a "show" button, and then, within the layer, have a button to hide it back to 0.
开发者_开发技巧 $(".showcart").click(
function(){ $("#cart").animate({ height: "400px" }); $(".showcart").toggle();});
$(".hidecart").click(function(){
$("#cart").animate({height: "0px"});
});
});
Not sure where the problem is, any ideas?
Try wrapping your code inside the DOM ready event...
$(function() {
$(".showcart").click(function(){
$("#cart").animate({ height: "400px" });
$(".showcart").toggle();
});
$(".hidecart").click(function(){
$("#cart").animate({height: "0px"});
});
});
$(".showcart").click(function(){
$("#cart").animate({ height: "400px" });
$(".showcart").toggle();});
$(".hidecart").click(function(){
$("#cart").animate({height: "0px"});
});
});
精彩评论