使用jQuery显示其父级被隐藏的元素

Question

当隐藏父元素时，如何显示固定位置元素（display：none）？

我的情景。

我有一个底部固定的工具栏，栏上有五个按钮。其中一个按钮是“更多/更少”按钮，可以展开和缩回工具栏，显示更多按钮。每个按钮内部div是一个面板元素。因此，当单击按钮时，会显示并移动其面板元素，使其位于所选按钮上方。

以下是一些示例标记：

<div id="dashbar" class="dashbar">
    <div id="dashbar-apps" class="dashbar-apps">
       <!-- The More/Less Button -->

       <!-- My First Button -->
       <div id="dash-projects" class="dash-button">
            <i class="fa fa-area-chart fa-fw icon"></i>
            My Projects

            <ul class="dash-menu" id="dash-projects-menu">
                <li><a href="whatever.com">Some</a></li>
                <li><a href="whatever.com">Links</a></li>
                <li><a href="whatever.com">Here</a></li>
            </ul>
        </div>

        <!-- Any number of additional appbar buttons -->
     </div> <!-- for the appbar that is always visible -->

     <div id="app-deck" class="dash-app-deck">
        <!-- The exact same markup for the buttons -->
     </div>
 </div> <!-- for the dashbar as a whole -->

“更多/更少”按钮通过简单的幻灯片动画切换appdeck可见性。

我想要的是有人能够扩展短划线并单击appdeck部分中的一个按钮。然后工具栏自动缩回并显示与该按钮关联的面板元素。

一切正常，只有当工具栏缩回时，它会隐藏appdeck和（因此）其中的所有元素 - 包括我试图显示的面板元素。

我玩过分离并将元素移到身体上，但这似乎过分了。还有另一种方法可以在隐藏父元素时简单地显示该元素吗？

感谢。