3

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

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

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

这是代码。滑动部分是

$("#container_" + tabName).slideToggle

关键是在示例中我称之为“buggy”的地方,以及在我的开发版本中的所有其他地方,jQuery 幻灯片在动画的开始和结束时都是跳跃的。

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

4

2 回答 2

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;
}
于 2013-01-23T10:19:24.007 回答
0

好吧,这基本上是段落内边距的问题。我已经编辑了其中的一部分,并在 div 中添加了填充,而不是在段落内添加了边距。这是我编辑的一部分:

#container_professionalXP{
    line-height: 3px;
    margin-bottom: 20px;
    padding-top:30px;
}
#container_professionalXP .mainSmallText{
    margin: 0px;
    padding:0px;
}
于 2013-01-23T10:09:43.480 回答