jQuery幻灯片在一些div上跳转

Question

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

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

就在下面，我的主容器div没有定义的定位，其中有一些<h1>和<p>。点击后，每个h1都会使用jQuery幻灯片打开下面的一些内容。

这是code。滑动部分是

$("#container_" + tabName).slideToggle

重点在于我在示例中称为“buggy”，以及在我的开发版本中的所有其他版本中，jQuery幻灯片在动画的开头和结尾都是跳跃的。

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

Answer 1

看到这个小提琴：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;
}

Answer 2

基本上你的段落中的边距问题。我编辑了它的一部分并在div中添加了填充而不是段落中的边距。这是我编辑的一部分：

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