CODEWITHSUNDEEP
jqueryaccordionjquery-ui-accordion
Zohaib Khalid
Zohaib Khalid

Reputation: 73

Open all Sections of Jquery UI Accordion

I am using this Jquery UI Accordion

It allow only one section to open at a time but i want to open the zone as much as i want.For example if I have 3 sections and if I click on 2 of them both of them should remained open. How to do this? Any Help would be appreciated.

Regards,

Upvotes: 0

Views: 308

Answers (2)

pistou
pistou

Reputation: 2867

I had the same problem, and I wrote a little plugin for that, feel free to use and modify it

It is based on jQuery UI's Accordion, using the same classes.

It is pretty simple to use :

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>

NB : CSS provided is a personnal thing

Upvotes: 0

Grumpy
Grumpy

Reputation: 2253

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

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

Upvotes: -1

Related Questions