jQueryUI手风琴无法正常工作

时间:2013-04-17 14:31:32

标签: javascript jquery

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

1 个答案:

答案 0 :(得分:0)

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

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