jquery - 展开可折叠时向下滑动内容

Question

我有一个可以动态填充的可折叠。当我展开可折叠时，它与我的浮动图表重叠。

展开可折叠时，有没有办法向下滑动图表 div？同样当它再次折叠时（向上滑动）？

这是我目前的设置：

<div id="main" data-role="page">
        <div id="header" data-role="header">
            <h1>Real Time Monitoring</h1>
        </div>

        <div id="parameters" data-role="collapsible" style="position: relative;width: auto; height: 100px;">
            <h3>Parameters</h3>
                <div id="divSensors" class="ui-grid-a">
                    <!-- dynamically generate checkboxes based on available sensors (c#) -->
                </div>
        </div>

        <!-- Div for flot graph -->
        <div id="chart-container" style="position: relative;">
            <!-- <label>LX Accel(g)</label> -->
            <div id="placeholder" style="width: 500px; height: 200px;"></div>
            <label">Time</label>
        </div>


        <!-- Footer -->
        <div id="footer" data-role="footer" data-position="fixed">
            <h3>&copy;&nbsp;Test Test</h3>
        </div>

    </div>

Answer 1

只需position: relative从可折叠和图表容器中删除，也可以height: 100px;从图表容器中删除。