2

使用 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>
4

1 回答 1

0

在选项中，设置active为false和collapsible，true如下所示：

$('div#accordion2').accordion({active: false, collapsible: true});
于 2013-04-17T14:34:08.863 回答