jquery-ui - JQuery 布局隐藏

Question

我使用 JQuery 布局功能来构建我的应用程序的骨架。

布局有北面板，即可以隐藏的标题，以便内容区域有更多空间。

由于标题面板还包含图标栏，我只希望图标栏在标题隐藏时可见。

有没有办法通过在使用 UI 布局创建布局时设置任何属性来实现这一点。

这是布局的图像，其中隐藏标题仍应显示图标，但仅在顶部隐藏蓝色条。

问候，

萨提亚

Answer 1

如果我理解正确，您拥有的标记会是这样的：

<div id="north-panel">
    <div id="header">
        <div id="icons"></div>
    </div>
</div>

如果是这种情况，也许以下可能会有所帮助：

您可以将图标面板分开成为北面板的直接子项吗？如果可以，您可以隐藏标题，并且图标面板仍然可见。

<div id="north-panel">
    <div id="header"></div>
    <div id="icons"></div>
</div>

否则，隐藏一个元素而不隐藏它的子元素是不可能的（据我所知）。您也可以尝试使标题与图标面板具有相同的尺寸并隐藏标题内的其他任何内容。这会以某种方式伪造您想要的效果。