javascript - jQuery 幻灯片在某些 div 上跳来跳去

Question

我正在建立一个小网站，所以这是我的问题:

我有一个包含标题内容的第一个标题 div。它有相对位置，里面的东西是绝对位置，但我认为我们并不真正关心这个。

在下面我有我的主容器 div，没有定义定位和一些 <h1>和 <p>在里面。每个h1 , 单击时，使用 jQuery 幻灯片打开下面的一些内容。

这是 code .滑动部分是

$("#container_" + tabName).slideToggle

要点是，我在示例中称为“buggy”的那个，以及在我的开发版本中的所有其他元素上，jQuery 幻灯片在动画的开始和结束时都是跳动的。

我做了一些搜索，我发现我必须设置一个定义的宽度，但它没有改变任何东西。已经尝试了很多东西，但我真的不知道该怎么做。

Answer 1

请参阅此 fiddle :http://jsfiddle.net/8s9VB/

.container_projects .mainSmallText{
  padding-top: 25px;
}
.container_projects .mainSmallSubText{
  font-weight: bold;
}

#container_professionalXP{
   line-height: 3px;
   padding-bottom: 20px;
}
#container_professionalXP .mainSmallText{
   padding-top: 30px;
}