jQuery logic for unclicked paragraphs
<p>i have following html structure.</p>

<pre>
<code>
&lt;p class="expandableContent" &gt;&lt;span class="label"&gt;Computer and Laptop Repairs&lt;/span&gt;&lt;/p&gt;
&lt;div style="clear: both;"&gt;&nbsp;&lt;/div&gt;
&lt;div class="services"&gt;content&lt;/div&gt;

&lt;p class="expandableContent" &gt;&lt;span class="label"&gt;Softrware and Hardware&lt;/span&gt;&lt;/p&gt;
&lt;div style="clear: both;"&gt;&nbsp;&lt;/div&gt;
&lt;div class="services"&gt;content2&lt;/div&gt;

</code>
</pre>

<p>So i have repetetion of content1 content2 content3 etc. I am writting a toggle function so that when i click on first paragraph first content div expands. When i click on second paragraph second expands but all other open content collapses.</p>

<p>Can somebody help. </p>
