title: What is the opposite of CLICK event?
body: <p>I had a list <code>&lt;li&gt;</code> where the content inside li should get bold when it is clicked. For that i used the following code</p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>  &lt;ul class="tabs"&gt;
          &lt;li&gt;&lt;a href="#tab1" style="padding-left:5px;"&gt;All Sectors&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#tab2"&gt;Information Technology&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#tab3"&gt;Manufacturing&lt;/a&gt;&lt;/li&gt;
          &lt;li style="border-right:none;"&gt;&lt;a href="#tab4"&gt;Services&lt;/a&gt;&lt;/li&gt;        
    &lt;/ul&gt;
  </code></pre>
  
  <p><strong>JQUERY</strong></p>
  
  <pre><code>$(document).ready(function() {
      $(".tabs li a").click(
          function() { $(this).css({ "font-weight" : "bold" }); }     
  
      );
  
  });
  </code></pre>
  
  <p>But When the list item is clicked it gets bold. I want the <strong>list item to get back to normal when the other list item is clicked</strong>. I am not able to find the correct event. Your help will be greatly appreciated.</p>