jQuery的自動高度修復

我已經實現了網站上的jQuery（點擊加號） http://pligg.marsgibson.info jQuery的自動高度修復

單擊第一個兩層擴張時，而第二個故事亙古不變的第一個故事有一定差距如何設置自動高度這個jQuery

，這裏是我的style.css

我想編輯.toggle_container .block

您應該只包括你的腳本''和''你在每個'.stories'實例後包括它們。 – Wex

只是刪除線height: 80px;

2012-06-10 10:08:57

如果我刪除height：80px; 然後jquery將不會平滑它擴大到很少px然後跳現在看到（點擊第2層）它跳轉出現「readmore」時 – user1447187

首先，你有幾個HMTL no-no's。你不能有內聯級元素的塊級元素（<p>標籤內<span>標籤（此時應更換<span>與</div>）。

解決您的問題，更換

.toggle_container .block { 
margin: 0px 10px 0px 75px; 
padding: 0px 20px 0px 0px; /*--Padding of Container--*/ 
height:80px; 
}

與（刪除height:80px ）

.toggle_container .block { 
margin: 0px 10px 0px 75px; 
padding: 0px 20px 0px 0px; /*--Padding of Container--*/ 
}

編輯：

如果設置t他明確地高，我認爲它會更好地動畫。後加入這個權利你的內部函數在.ready()函數的第一行：

jQuery(".toggle_container").each(function() { 
    jQuery(this).height(jQuery(this).find(".block").height()); 
});

2012-06-10 10:11:13 Wex

如果我刪除高度：80px;那麼jquery將不會平滑它擴展到很少的px，然後跳轉看到現在（單擊第2層）它會在出現「readmore」時跳轉 – user1447187

當元素的高度沒有明確設置時，會發生這種情況。我添加了一些我認爲可以解決您的問題的東西。讓我知道這是否有效。 – Wex

它刪除了多個行摘要的「Read More」單擊第一個和第二個故事 – user1447187

回答