title: jQuery show one hide all divs
body: <p>Well after looking many post on SO, I am still not able to get where I'm going wrong. There is no change in my code. It still shows every data. I want data from <code>&lt;div class="span9"&gt;</code> to hide upon selecting a link from <code>&lt;div class="span3"&gt;</code></p>
  
  <p>Where I'm going wrong?</p>
  
  <pre><code>&lt;div class="row"&gt;
     &lt;div class="span9" id = "4_2"&gt;
        hello&lt;br&gt;
        How are you????
        2013-08-06 14:33:16
      &lt;/div&gt; &lt;!--end of div class span9 --&gt;
      &lt;div class="span3"&gt;      
           &lt;a href="#" class = "dropdown-link"&gt;mithila&lt;/a&gt;
      &lt;div&gt; &lt;!--end of div span3--&gt;
  
      &lt;div class="span9" id = "1_1"&gt;
         My name is praful&lt;br&gt;
         2013-08-06 14:22:17
      &lt;/div&gt; &lt;!--end of div class span9 --&gt;
  
       &lt;div class="span3"&gt;
          &lt;a href="#" class = "dropdown-link"&gt;mithila&lt;/a&gt;
       &lt;/div&gt; &lt;!--end of div span3--&gt;
  &lt;/div&gt;&lt;!--end of div row--&gt;
  </code></pre>
  
  <p><strong>jquery</strong></p>
  
  <pre><code>$(document).ready(function(){
  
    $('div.row').each(function() {
      var $dropdown = $(this);
  
      $("a.dropdown-link", $dropdown).click(function(e) {
        e.preventDefault();
        $div = $("div.span9", $dropdown);
        $div.toggle();
        $("div.span9").not($div).hide();
        return false;
      });
  
  });
  
    $('html').click(function(){
      $("div.span9").hide();
    });
  
  });
  </code></pre>