Question

我有这个功能：

function fixedFeeSize(i){
    var num1 = $('#num' + i);
    if (num1.hasClass("extended")) {
      num1.stop(true, true).animate({height: '59px'},500);
      num1.removeClass("extended");
    }else{
      var height = 0;
      num1.animate({height: '360px'},500);
      num1.addClass("extended");
    }
    return null;
}

扩展/收缩div，但是我很难将它扩展到div的高度，因为每个div（将有10+）将达到不同的高度。

我尝试了num1.animate({height: 'auto'},500);但没有效果。

Answer 1

这是你想要的效果吗？

jQuery(".menu a").mouseenter(function(){
    jQuery(this).stop().animate({
  height: 200, opacity: 0.5
}, 1000, "linear");
});
jQuery(".menu a").mouseleave(function(){
    jQuery(this).stop().animate({
  height: 18, opacity: 1
}, 1000, "linear");
});

这是一个jsfiddle： http://jsfiddle.net/kKAZx/1/

如需进一步阅读，请查看.animate函数的完整文档：http://api.jquery.com/animate/

您可以将效果组合在一起，制作出各种精彩，符合标准的效果。

jQuery：动画到div的高度

1 个答案: