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);
  }
)
代码似乎工作正常。