CODEWITHSUNDEEP
jqueryaccordion
HaydnJW
HaydnJW

Reputation: 337

How do I make a Jquery Accordion collapsed when I'm redirected to my page

I've got an accordion on my page and I want to have all 4 panes closed, how would I do this, does it have anything to do with this piece of code? 

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

My example: http://jsfiddle.net/wUR6F/

Upvotes: 2

Views: 87

Answers (2)

Ian A
Ian A

Reputation: 6163

The collapsible: true allows the accordion to be collapsed.

To make it start off so all 4 panels are closed you can add active:false

See a Fiddle here

Upvotes: 1

Frédéric Hamidi
Frédéric Hamidi

Reputation: 263147

In order for all the panes to be collapsed, you also have to specify false in the active option:

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

You will find an updated fiddle here.

Upvotes: 2

Related Questions