-3

jquery のトグルとサイズ変更機能を使用する要件があります。ページに 3 つの div を表示する必要があります。最初の div はサイド パネル トグル div です。

サイド パネルの div を切り替えると、他の 2 つの div は使用可能なスペース内で自動的に調整されます。つまり、最初の div を折りたたむと、2 番目と 3 番目の div がページ全体を占有し、最初の div が展開されると、2 番目と 3 番目の div のサイズが変更され、利用可能なスペースに収まるようになります。

誰でもこの機能を実現するのを手伝ってくれますか?

4

1 に答える 1

0

CSSを試してみてください。簡単です。

<style scoped>
#mainDiv{ width:100%; height:100%; }
#div1, #div2, #div3 { width:30%; height:30%; }

#div1{ background:black; }
#div2{ background:blue; }
#div3{ background:green; }

#div1:hover,#div2:hover,#div3:hover{ width:100%; height:100px;display:block; }
</style>


<div id="mainDiv">
    <div id="div1">&nbsp;</div>
    <div id="div2">&nbsp;</div>
    <div id="div3">&nbsp;</div>
</div>

変換を追加すると、問題が解決します。あなたはほとんどiPadでiTunesのcurroselのようにそれをもたらすことができます

于 2013-08-16T13:41:50.000 に答える