如何使用动画缓慢地打开div jquery

Question

有人可以帮助如何缓慢打开div到他的全尺寸;

我有：

规则随高度200像素和溢出-Y DIV：隐藏。

当按下按钮#showall我需要慢慢使#rules身高达到他的100％！

我的尝试：

$("#showall").click(function(){ 
     $("#rules").animate({ 
     height: "+=100px" 
    }, 5000, function() { 
     // Animation complete. 
}); 

在我的例子高度

; + = 100像素 - 它的正常工作，但如果我改变高度： “100％” 的开放DIV FAST没有动画

Answer 1

使用了slideDown：

$("#showall").click(function(){ 
    $("#rules").slideDown(5000, function() { 
    // Animation complete. 
    }); 
}); 

尝试这种新的解决方案：

$this= $("#rules"); 
var currentHeight = $this.height(); 
     autoHeight = $this.css('height', 'auto').height() 
     $this.data('height', currentHeight) 
      .height(currentHeight).animate({ 
             height: autoHeight}, 
             200, 
             function() { $(this).addClass('open'); });