jQuery動畫div大小

我有一個隱藏的知名度的div，我把文本從數據庫中的那個div，所以不知道它的高度。jQuery動畫div大小

我想要做的是製作一個動畫，它會增加該div的大小，直到所有文本都可見。我到目前爲止是這樣的：

function display_form() { 
    $("#form_container").css("visibility", 'visible'); 
    $("#form_container").animate({ 
     height: $("#form_container").height(), 
    }, 1500); 
}

<div id="container"> 
    <div id="form_container"><?php echo $form; ?></div> 
    <div id="content"> 
     some stuff here which should slide down as the form_container div gets bigger 
    </div> 
</div>

所以我的問題是，我form_container是隱藏的，但它的大小仍然存在，所以我有巨大的空白。如果我將它的大小設置爲0px，那麼我無法知道它的實際大小...

來源

2011-11-20 Linas

我不認爲你需要搞亂visible CSS屬性。

就做這樣的事情在你的CSS：

#form_container { display: none; }

然後你display_form功能可以只是這樣做：

function display_form() { 
    $('#form_container').slideDown(1500); 
}

來源

2011-11-20 22:01:03 rossipedia

哇，完美的工作謝謝你。 – Linas

有一個看看jQuery的slideDown。那麼你不必擔心自己的身高。

來源

2011-11-20 22:01:53

只是一個說明，它增加了內聯樣式，很難覆蓋。 – sheriffderek

不知道你是如何從數據庫中獲取文本，但如果你初始有div隱藏，然後將文本放在div中，那麼你可以簡單地使用該div的slideDown（1000）功能，如下所示： $ （ '#mydiv'）了slideDown（1000）。 div會滑落，直到顯示所有內容。

來源

2011-11-20 22:07:58 antoniovassell

jQuery動畫div大小

回答

相關問題