javascript - jQueryUI Accordion 不工作

Question

在 jQuery UI 中，我正在使用 Accordion ，它看起来很酷。 默认第一个选项卡或其名称是打开的，我想要它以便它们都是 关闭，仅在单击时打开。有什么办法吗？

此外，您能否将开口区域设置得足够大以容纳其中的实际内容？ 我认为正在发生的是打开时的默认大小等于其中任何一个中最大的东西。

这是我的在线示例，单击播放选项卡，您就会明白我的意思。 当用户第一次看到它时，他看不到其他选项卡，因为它们位于屏幕下方，因为空白空间很大。 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>

Answer 1

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

$('div#accordion2').accordion({active: false, collapsible: true});