JQuery layout hide

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> 

それ以外の場合は、子を隠すことなく要素を非表示にすることはできません（私が知る限り）。あなたも試してみることができるのは、ヘッダーをアイコンパネルと同じ大きさにし、ヘッダー内の他のものを隠すことです。これはどういうわけか、あなたが望む効果を偽ってしまいます。