Question

我正在寻找的是让我的容器调整大小。

容器内部有2个面板，可以向下滑动，高度不同。我需要容器来监听切换功能并在需要时调整大小。

到目前为止，这是代码......

$(document).ready(function() {

    var content = $("#content_container");  
    var childHeight = $('.panel-container').height();

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

    else {
        $(content).css("height", "auto");
    }

});

PS。我是jQuery的新手!!

Answer 1

您可以使用下面的内容，我不确定这是否是您想要的，但您可以随意使用并获得您想要的效果;

$(document).ready(function() {

    $("#content_container").toggle(
        function() {
            $(this).animate({height: 657}, 200);
        }, 
        function() {
            $(this).animate({height: 200}, 200);
        }
    );

});

一个工作示例http://jsfiddle.net/CarlG/x6yLj/2/

JQUERY听取点击事件

1 个答案: