accordian menu first slide can't be close default

Question

I am using accordion menu

 $(function() {
        $( ".accordion" ).accordion({
            collapsible:true,
            heightStyle: "content"
        });
    });

it is working fine shown as in example but I want all the menu closed by default and in this code first menu is expanded so what should I do ?

http://stackoverflow.com/questions/4633971/how-do-i-keep-jquery-ui-accordion-collapsed-by-default — billyonecan, Sep 08 '15 at 14:48

score 1 · Accepted Answer · answered Sep 08 '15 at 14:47

1

Along with collapsible:true add active: false

answered Sep 08 '15 at 14:47

Suresh

Hassan Raza · Answer 2 · 2015-09-08T16:15:37.230

Please add one more parameter to you current code. Instead this

$(function() {
    $( ".accordion" ).accordion({
        collapsible:true,
        heightStyle: "content"
    });
});

Kindly use below code...

$(function() {
    $( ".accordion" ).accordion({
        collapsible:true,
        active:1,
        heightStyle: "content"
    });
});

active: 1 means zero index you can set any of your accordion index by checking your item index of you accordion.

For Reference Click Here

2 Answers2