jQuery UI 手风琴中是否可以只有一个部分？

Question

我想组织我的 web 系统的结构和设计，因此我决定使用 jQuery 的手风琴组件（它工作得很好）因为我不想打扰用户不需要 space，因此用户可以决定是否要查看此信息。

我的问题是手风琴中只有一个部分（这个部分是一个组件面板），我无法折叠手风琴中的一个部分（至少我不知道如何折叠）。如果我添加另一个部分是可能的，但我只需要一个。

在这种情况下有人可以帮助我吗？

Answer 1

您应该将collapsible设置为true以表示可以一次关闭所有部分。除非您指定这一点，否则当您只有一个部分时，您将无法关闭它，因为默认情况下，一个部分应该一直处于活动状态。

如果您希望该部分最初折叠，请将 active 设置为 false

$("#accordion").accordion({
  active: false,
  collapsible: true
});

<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>


<div id="accordion">
  <h3>Section 1</h3>
  <div>
    <p>Mauris mauris ante, blandit et, ultrices a, suscipit eget. Integer ut neque. Vivamus nisi metus, molestie vel, gravida in, condimentum sit amet, nunc. Nam a nibh. Donec suscipit eros. Nam mi. Proin viverra leo ut odio.</p>
  </div>
</div>

jQuery UI 手风琴中是否可以只有一个部分？

Is it possible to have only one section in jQuery UI Accordion?

jquery-ui

jquery-ui-accordion