折叠页面加载的所有手风琴 - jQuery

时间:2014-12-09 10:43:15

标签: jquery accordion jquery-ui-accordion

我正在使用jQuery手风琴。

<div id="accordion">
  <h3>section one</h3>
  <div>
    <p>Mauris mauris ante, blandit et, ultrices a, suscipit eget, quam. 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. Curabitur malesuada. Vestibulum a velit eu ante scelerisque vulputate.</p>
  </div>
<h3>Browse Authors</h3>
<div>
  <p>Sed non urna. Donec et ante. Phasellus eu ligula. Vestibulum sit amet purus. Vivamus hendrerit, dolor at aliquet laoreet, mauris turpis porttitor velit, faucibus interdum tellus libero ac justo. Vivamus non quam. In suscipit faucibus urna. </p>
</div>

</div>

我头脑中有这些东西:

<link rel="stylesheet" href="css/jquery-ui.css">
  <script src="js/jquery-1.10.2.js"></script>
 <script src="js/jquery-ui.js"></script>
          <script>
$(function() {
$( "#accordion" ).accordion({
  collapsible: true

});
});
</script>

使用上面的我得到可折叠的手风琴。第一个是在页面加载时打开的。

有没有人知道我可以用什么设置让所有手风琴关闭?

1 个答案:

答案 0 :(得分:4)

初始化手风琴时,您可以指定active - 选项:

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

布尔值false将折叠所有面板(需要选项collapsible为true)。 设置整数将根据其索引打开面板。

<强> Demo