jquery自动高度修复

Question

我在网站上实现了jquery（点击加号） http://pligg.marsgibson.info

点击前两个故事 第一个故事在扩展时有差距而第二个故事没有 如何设置此jquery的自动高度

这是我的style.css

http://pligg.marsgibson.info/templates/wistie/css/style.css

我正在尝试编辑.toggle_container .block

Answer 1

只需删除第height: 80px;行

即可

Answer 2

首先，你有几个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;
}

with（删除height:80px）

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

编辑：

如果你明确地设定了高度，我认为它会更好地动画。在您作为.ready()函数中内部函数的第一行之后添加此项：

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