Question

我对jQuery Mobile网站collapsible set with 5 sections上的示例感到困惑。看起来第1节应该是开放的，但事实并非如此。

第3节说“我默认隐藏”，但它是谷歌浏览器中打开的那个。

Answer 1

该示例与下面显示的实例没有任何关系。您所指的示例包含2个元素，而实际底部示例有5个。

这是一个底部示例，您可以在页面源中看到它：

    <div data-role="collapsible-set">
        <div data-role="collapsible" data-collapsed="false">
            <h3>Section 1</h3>
            <p>I'm the collapsible content in a set so this feels like an accordion. I'm open by default because I have the <code>data-collapsed="false"</code> attribute.</p>
        </div>
        <div data-role="collapsible">
            <h3>Section 2</h3>
            <p>I'm the collapsible content in a set so this feels like an accordion. I'm hidden by default because I have the "collapsed" state; you need to expand the header to see me.</p>
        </div>
        <div data-role="collapsible" data-collapsed="false">
            <h3>Section 3</h3>
            <p>I'm the collapsible content in a set so this feels like an accordion. I'm hidden by default because I have the "collapsed" state; you need to expand the header to see me.</p>
        </div>
        <div data-role="collapsible">
            <h3>Section 4</h3>
            <p>I'm the collapsible content in a set so this feels like an accordion. I'm hidden by default because I have the "collapsed" state; you need to expand the header to see me.</p>
        </div>
        <div data-role="collapsible">
            <h3>Section 5</h3>
            <p>I'm the collapsible content in a set so this feels like an accordion. I'm hidden by default because I have the "collapsed" state; you need to expand the header to see me.</p>
        </div>
    </div>

jQuery Mobile data-collapsed =“false”

1 个答案: