javascript - 可折叠面板内的Spry可折叠面板，不一致的错误

Question

大家好，我又是另一个问题。预订系统位于此处 http://www.divethegap.com/scuba-diving-programmes-dive-the-gap/divemaster-training.php?cat=16

spry 框架控制了 3 个主要的可折叠面板。正如您在该页面上看到的那样，第一个可折叠面板内还有十几个。当您通过按下“了解更多”按钮之一打开其中一个时，您会看到它所在的主可折叠面板也会展开以适应该内容和合同，如果您再次关闭较小的面板。

但是，一旦您转到下一个主要可折叠面板“summery and quote”，然后通过按“返回”按钮返回第一个主面板，就会出现问题。现在，如果您在第一个主面板中打开一个较小的面板，您将看到主面板没有扩展以适应内容，实际上较小面板的内容散布在其他内容之上，漂浮在其上方。有人知道如何解决这个问题吗？

非常感谢，

Answer 1

为任何也被卡住的人解决了问题。

打开 SpryCollapsiblePanel.js 。找到写着的那一行

this.content.style.height = this.toHeight + "px";

并将其更改为 .

this.content.style.height = "自动";

通过调整可折叠面板的内容大小解决了所有问题，其中另一个可折叠面板是内容。