打开Jquery UI Accordion的所有部分

时间:2014-12-12 10:54:20

标签: jquery accordion jquery-ui-accordion

我正在使用它 Jquery UI Accordion

它一次只允许打开一个部分,但我想按照我的意愿打开该区域。例如,如果我有3个部分,如果我点击其中的2个部分,它们都应该保持打开状态。这该怎么做? 任何帮助将不胜感激。

此致

2 个答案:

答案 0 :(得分:0)

我遇到了同样的问题,我为此写了 a little plugin ,随时可以使用和修改

它基于jQuery UI& Accordion,使用相同的类。

使用非常简单:


JS

$(".accordion").multiaccordion();

<强> HTML

<script src="multiaccordion.jquery.min.js"></script>
<div class="accordion">
  <h3>Simple Accordion 1</h3>
  <div class="content">
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce in facilisis orci. Vivamus dapibus feugiat.
  </div>
</div>

<div class="accordion">
  <h3>Simple Accordion 2</h3>
  <div class="content">

    <div class="accordion">
      <h3>Nested Accordion 2.1</h3>
      <div class="content">
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce in facilisis orci. Vivamus dapibus feugiat.
      </div>
    </div>

    <div class="accordion">
      <h3>Nested Accordion 2.2</h3>
      <div class="content">
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce in facilisis orci. Vivamus dapibus feugiat.
      </div>
    </div>

  </div>
</div>

注意:提供的CSS是个人的事情

答案 1 :(得分:-1)

$( ".selector" ).accordion({
  collapsible: true
});

http://api.jqueryui.com/accordion/