handling more than one divisions in javascript
<p>In my program I have 3 divisions with class 'information', 'interest' and 'wall'.
I want this divisions to change their color when a a user clicks on it.
Initially all 3 division classes have same color <code>#dcdcdc</code>.
When user clicks on 1 of them I want to change its color to <code>#999</code>, but color of other divisions must remain <code>#dcdcdc</code>.</p>

<p>This much part is working correctly but when i click on 2nd division, the previous doesn't change its color back to <code>#dcdcdc</code>.  </p>

<p>JavaScript part.</p>

<pre><code>$(document).ready(function(){
 $('#pro_head &gt; div').click
 (
  function() 
  {
   $(this).css("background-color", "#999");
   $(this).css("font-weight", "bold");
  },
 );
});
</code></pre>

<p>HTML part:</p>

<pre><code>&lt;div pro_head&gt;
  &lt;div class="information"&gt;&lt;/div&gt;
  &lt;div class="interest"&gt;&lt;/div&gt;
  &lt;div class="wall"&gt;&lt;/div&gt;
&lt;/div&gt;
</code></pre>
