是否可以在jQuery UI Accordion中只有一个部分?

时间:2016-01-06 09:08:06

标签: jquery-ui jquery-ui-accordion

我想组织我的网络系统的结构和设计,因此我决定使用jQuery的手风琴组件(它工作得很好),因为我不想用不必要的空间打扰用户,因此,用户可以决定是否要查看此信息。

我的问题是我手风琴里面只有一个部分(这部分是一个组件面板)我不能折叠手风琴中的一个部分(至少我不知道如何)。如果我添加另一部分则可以,但我只需要一部分。

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

1 个答案:

答案 0 :(得分:2)

您应该将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>