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

Question

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

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

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

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

有人可以帮忙吗？

由于

杰基

Answer 1

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

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

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

Answer 2

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

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