0

好的，所以我之前问了一个问题，但没有得到预期的效果。结果我决定用另一种方式解决它......

如果两个面板中的一个（或两个）被扩展，我试图让容器增加高度。

var content = $("#content_container");  
var childaHeight = $('#news_events_panel').height();
var childbHeight = $('#headteachers_panel').height();

    if (content < childaHeight, childbHeight) {
        $(content).css("height", 657 + "px");
    }

这工作正常，并在面板打开时将容器的高度增加到 657px。

棘手的一点是下一点……

用户可以单独打开两个面板，我遇到的问题是auto当用户只关闭其中一个时容器返回高度。auto仅当两个面板都关闭时，我才需要容器返回。

if (content > childaHeight & childbHeight) {
        $(content).css("height", "auto");
}

基本上，我需要这个第二个脚本来阅读“如果内容大于 childaHeight 和 childbHeight，返回“自动”。如果不是，保持高度。

可能有一个简单的解决方案，但我对此非常陌生，并没有真正了解 jQuery 函数。

4

1 回答 1

1

我想只要把它们加在一起：

if ( content.height() > (childaHeight + childbHeight) ) {
        content.css("height", "auto");
}
于 2013-05-19T14:01:36.783 回答