javascript - 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 禁忌。内联级元素中不能有块级元素（<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--*/
}

编辑：

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

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