JavaScript jQuery动画
嗨,我已经做了一个代码,我需要切换。如何使用此代码执行此操作JavaScript jQuery动画,javascript,jquery,jquery-animate,Javascript,Jquery,Jquery Animate,嗨,我已经做了一个代码,我需要切换。如何使用此代码执行此操作 var divh = document.getElementById('first').offsetHeight; document.getElementById("first").style.height = "100px"; $("div:first").click(function(){ $("#first").stop().animate({ height: divh }, 1000 ); });
var divh = document.getElementById('first').offsetHeight;
document.getElementById("first").style.height = "100px";
$("div:first").click(function(){
$("#first").stop().animate({
height: divh
}, 1000 );
});
若我理解正确,您希望将div的高度从当前状态切换到100px并向后。那么为什么不改为使用.toggle()方法呢? 像这样:
//keep default height
var divh = $('#first').outerHeight();
//toggle functions
$('div:first').toggle(
function () {
$('#first').stop().animate({
height: divh +'px'
}, 1000);
},
function () {
$('#first').stop().animate({
height: '100px'
}, 1000);
}
)
代码似乎工作正常。