Facing problem in toggle method of jquery
<p>HI,</p>

<p>I have following html   </p>

<pre><code>    &lt;div id="LineInfoHeader" class="div_header_inner headertitle align_center defaultheadercolor portlet-header-left-padding default_bottom_border default_border_color"&gt;&lt;span class="ui-icon ui-icon-minusthick"&gt;&lt;/span&gt;Line Item Information&lt;/div&gt;
**Edit**

    &lt;div class="div_content_inner" id="Order_header"&gt;&lt;/div&gt;
</code></pre>

<p>I am trying to toggle span class and Order_header div.<br>
I am using following code:</p>

<pre><code>$(".div_header_inner.ui-icon").toggleClass("ui-icon-minusthick").toggleClass("ui-icon-plusthick").toggle();
}
</code></pre>

<p>I don't know why its not working.
Please suggest where I am going wrong.
Thanks in advance.
<a href="http://jsfiddle.net/RPEK9/" rel="nofollow"><strong>You can see the problem here</strong></a></p>
