部分顯示和隱藏DIV

Question

我需要部分隱藏DIV，而不是全部。當頁面加載時，我希望它顯示第一個，比方說，坐在div的最上部分的100個像素。當用戶點擊某個按鈕時，div會打開（可能是jQuery show（）的滑動效果）。當用戶點擊相同的按鈕時，div將返回到原來的狀態，只顯示前100個像素。我想弄清楚如何用jQuery來做到這一點，因爲它似乎是最好的方式來做到這一點。任何提示？謝謝。

Answer 1

它可以通過將div的初始高度設置爲100px並將其溢出設置爲隱藏在CSS中來完成。那麼你可以改變div的高度爲自動，當你顯示完整的div在JavaScript按鈕點擊。

例如：http://www.quirksmode.org/css/overflow.html

CSS代碼：

overflow : hidden; 

Answer 2

你需要切換方法和一些動畫， jQuery的風格：

設置div的高度利用CSS爲10px。

$("td").toggle(
    function() { 
    $(this).animate({ height:"100px" } , 1000) 
    }, 
    function() { 
    $(this).animate({ height:"10px" } , 1000) 
    } 
);