如何让这个jquery按我想要的方式工作?

时间:2011-10-27 18:21:09

标签: jquery

在这里小提琴:http://jsfiddle.net/cgweb87/r3NEX/

当你点击h2时,它会向上和向下滑动div但是我怎样才能使它向上滑动div并且它下方的其他部分向上滑动以位于h2下方,而不是div向上滑动坐在下面的h2上。

很难解释,但请检查小提琴,

3 个答案:

答案 0 :(得分:4)

我认为你需要做的就是添加:style =“vertical-align:top;”到你的townSection类

.townSection {width: 30%; display: inline-block; vertical-align:top;}

http://jsfiddle.net/r3NEX/13/

答案 1 :(得分:2)

以下是对CSS的快速更改:

.townSection {
    width: 30%;
    display: inline-block;
    vertical-align: top;
}

这样,h2就会保持原位,其下的内容会卷起来。

答案 2 :(得分:1)

http://jsfiddle.net/r3NEX/12/

这项工作适合你?