アニメーションjqueryを使用してdivをゆっくり開く方法

Question

divをフルサイズでゆっくり開く方法を教えてください。

は私が持っているもの：隠された：

ルールはHEIGHT 200pxの、オーバーフロー-YとDIV。

ボタンを押すと＃私はゆっくりと100％の高さにする必要があります！私が試したものを

：私の例の高さで

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

を。 + = 100pxに - その作業は通常、しかし、私は高さに変更する場合： "100％" のオープンのdiv FASTをアニメーションなし

Answer 1

使用Slidedown：

$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'); });