Question

I am trying to Convert one header and one content panel into an accordion.

<div id="accordion-two">
    <h3>Header</h3>
    <div>Content panel</div>
</div>

this is jQuery code

$('#accordion-two').accordion({
    header: 'h3',
    event: 'click',
    animated: 'swing',
    duration: 800, 
    active: false
});

my question is I need to apply click event to header to open the content panel and to collapse the content panel..

thank you..

Answer 1

Pretty simple set the collapsable attribute.

$('#accordion-two').accordion(
    {
    header: 'h3', 
    event: 'click',  
    animated: 'swing', 
    duration: 800, 
    active: false,  
    collapsible: true 
    }
);​