javascript - jQuery：动画到div的高度

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/

您可以组合效果来制作各种奇妙的、符合标准的效果。