jQuery使得div在点击时具有相同的高度

时间:2010-10-07 11:19:21

标签: javascript jquery

我遇到了一个问题,你可以在这里查看http://jsfiddle.net/dng2P/4/

如果单击详细信息按钮,它会显示信息,然后如果单击“Points Statement”按钮,它会向下滑动一层。

我的问题是我正在尝试使主booking details div与points div的高度相同(如果它更大)然后当你点击关闭时放置主booking details高度回到最初的状态。

它的一半工作,因为主booking details div与points div的高度相同,但只是不回到原来的

有人可以帮忙吗?

由于

杰基

2 个答案:

答案 0 :(得分:2)

这是怎么回事? http://jsfiddle.net/dng2P/8/

你所做的一切都是未能保持正确的原始高度。您只将bookingdetailheight声明为局部变量,这意味着它已为每个切换重新声明,并在每次切换完成后删除。我使用.data()将原始高度绑定到DOM元素,当人们可能同时打开其中两个切换时,它简化了事情。

我开了一个卷,所以整理了一下,然后将内部的动画与内部一起制作。哦,请在jQuery中查找正确的遍历方法,parent().parent().parent().find()正在寻找麻烦。我认为还有一些我没看过的部分。

答案 1 :(得分:0)

我快速浏览了一下jsfiddle代码。我认为您在bookingdetailHeight中的值应该在.points toggle函数的范围之外声明。这可能会有所帮助。试试看:)

[编辑] - 没有解决它 - 接受:(