accordion in jquey ul
<p>I am trying to Convert one header and one content panel into an accordion. </p>

<pre><code>            &lt;div id="accordion-two"&gt;
                &lt;h3&gt;Header&lt;/h3&gt;
                &lt;div&gt;Content panel&lt;/div&gt;
            &lt;/div&gt;
</code></pre>

<p>this is jquery</p>

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

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

<p>thank you..</p>
