jQuery UI では、私はアコーディオンを使用していますが、かなりクールに見えます。デフォルトの最初のタブまたはそれが開いているものは何でも、それらがすべて閉じられ、クリックされたときにのみ開くようにします。これを行う方法はありますか?
また、開口部の領域を、実際にその中にあるものに対して十分な大きさにすることはできますか? 私が考えているのは、開いたときのデフォルトのサイズが、それらのいずれかで最大のものに等しいということです。
これがオンラインの私の例です。再生タブをクリックすると、私が何を意味するかがわかります。ユーザーが最初にそれを見たとき、他のタブは大きな空きスペースのために画面下にあるため、見ることができません。 http://www.taffatech.com/Demo.html
<div id="accordion2">
<h3>Welcome</h3>
<div>Choose a game!</div>
<h3>Play Game 1</h3>
<div>
<p>Game 1 is in development
<div align="center">
<canvas id="myCanvas" width="600" height="400" align="center" style="border:1px solid #ffffff;"></canvas>
</div>
</p>
</div>
<h3>Play Game 2</h3>
<div>
<p>Game 2 is in development</p>
</div>
<h3>Play Game 3</h3>
<div>
<p>Game 3 is in development</p>
</div>
</div>