jQuery-jeasyui手风琴全部折叠

我用的是jeasyui手风琴

但是默认情况下，它总是在打开状态下显示第一个手风琴。我想看看当页面加载时是否可以显示所有处于折叠状态的手风琴

这是我参考的文档链接

我的代码：

<div id="someid" class="easyui-accordion" data-options="multiple:true" >

        <div title="About Accordion" 
            style="overflow: auto; padding: 10px;" >
            <h3 style="color: #0099FF;">Accordion for jQuery</h3>
            <p>Accordion is a part of easyui framework for jQuery. It lets
                you define your accordion component on web page more easily.</p>
        </div>

        <div title="About easyui" data-options="selected:true" style="padding: 10px;">easyui help you build your web page easily</div>

        <div title="Tree Menu">another set of information</div>

    </div>

---

通过查看您提供的文档，您需要将所选属性设置为false，以链接示例

<div title="Title2" data-options="iconCls:'icon-reload',selected:true" style="padding:10px;">

data-options="selected:false" // this is what you need in your first div

data options=“selected:false”//这是您在第一个div中需要的

把上面的内容放在你的第一个div中。我是盲目驾驶，因为你没有提供你的代码

干杯

---

Truez

您可以在加载时获取所有手风琴面板，并对每个面板调用

collapse

方法来折叠它们：

$(document).ready(function() {
    var panels = $('#aa').accordion('panels');
    $.each(panels, function() {
        this.panel('collapse');
    });
});

在它的文档中，在容器选项中，您可以使用选项

selected

，我尝试将它的值设置为-1，结果如下：

<div id="aa" class="easyui-accordion" style="width:300px;height:200px;" data-options="
                selected:-1" >
    <div title="Title1"  style="overflow:auto;padding:10px;">
        <h3 style="color:#0099FF;">Accordion for jQuery</h3>
        <p>Accordion is a part of easyui framework for jQuery. 
        It lets you define your accordion component on web page more easily.</p>
    </div>
    <div title="Title2" data-options="iconCls:'icon-reload'" style="padding:10px;">
        content2
    </div>
    <div title="Title3">
        content3
    </div>
</div>

jQuery手风琴
Accordion是用于jQuery的easyui框架的一部分。
它使您可以更轻松地在网页上定义手风琴组件

内容2
内容3

---

@BishopBarber，解决方案是jQuery手风琴。我用的是另一个图书馆。很抱歉，你是对的。我已经试着用过了。它不会折叠第一个div。但是当我为其他div设置为true时，它显示为打开的手风琴。@E2241不客气！别忘了接受答案，这样将来的读者可以很容易地找到解决方案。我试图接受答案，但是1）JSFIDLE代码不起作用，因为它没有给你机会导入jquery easy ui library js框架。其他人都在那里。2） 你发送的代码大部分来自我在这个网站上看到的另一个链接。3） 代码仍然不完整，需要具有document.ready函数。因此，我把答案放在我的问题中。@E2241我真的不介意你不接受答案，因为现在答案在页面的顶部，未来的读者会首先找到它。但是我不同意你的看法。1） 就我而言，jsfiddle确实有效。不，您无法轻松导入jquery easy ui library js framework，因为没有可用的cdn版本。我所能做的就是在orionhub上主持。2） 我提出的准则确实受到了启发。但是，将来的用户会更容易在StackOverflow上找到它。@E2241 3）在答案中省略document.ready并不意味着它不完整。这是隐含的。此外，在我的jsfiddle中，你拥有它。4） 您在问题中给出的答案与我在JSFIDLE中给出的答案完全相同，因此我不理解您的逻辑。不管怎样，我很高兴你解决了你的问题，祝你愉快！我不是想冒犯你。我不接受这个答案的唯一原因是它不能解决问题。然而，我会接受这样一个事实，你确实为我指明了正确的方向。很抱歉，如果没有easy ui库js，JSFIDLE将无法工作。因此，你发布的链接基本上是没有用的，这让我在选择一个基本上不起作用的答案时犹豫不决。

<div id="aa" class="easyui-accordion" style="width:300px;height:200px;" data-options="
                selected:-1" >
    <div title="Title1"  style="overflow:auto;padding:10px;">
        <h3 style="color:#0099FF;">Accordion for jQuery</h3>
        <p>Accordion is a part of easyui framework for jQuery. 
        It lets you define your accordion component on web page more easily.</p>
    </div>
    <div title="Title2" data-options="iconCls:'icon-reload'" style="padding:10px;">
        content2
    </div>
    <div title="Title3">
        content3
    </div>
</div>