jQuery幻灯片在某些div上跳动

Question

我正在建设一个小型网站，以下是我的问题：

我有一个包含头部内容的第一个header div。它具有相对定位，内部内容具有绝对定位，但我认为我们不需要真正关心这个。

紧接着，我有一个没有定义定位的主容器div，并且其中有一些

和

。每个

，在单击时，使用jQuery slide打开下面的一些内容。

这是code。滑动部分是：

$("#container_" + tabName).slideToggle

重点是，在我例子中称为“buggy”的页面上，以及在我的开发版本中的所有其他页面上，jQuery幻灯片在动画开始和结束时都会出现抖动。

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

- Rayjax

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;
}

- Anujith

---

在 JSFiddle 上可以运行，但在本地主机上无法运行。我不明白是什么问题，是边距、填充、宽度出了问题吗？幻灯片哪里出了问题？ - Rayjax

Answer 2

嗯，基本上是你段落内边距的问题。我已经编辑了其中一部分，并在 div 中添加了 padding 而不是在段落内添加 margin。这是我编辑过的部分：

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

- KaHeL