如何使用動畫緩慢地打開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'); });