title: multiple div using the same class open at once
body: <p>I am using the javascript function for multiple hide show divs in custom tumblr theme.. my The problem is as the class name is same, if i click on a single div, by default all the div gets show or hide.</p>
  
  <pre><code>  &lt;script src="http://code.jquery.com/jquery-latest.js"&gt;&lt;/script&gt;
  &lt;script&gt;
  $(document).ready(function() {
     $(".toggleme").click(function () {
      $(".toparea3").slideToggle("slow");
    return false;
     });
      });
  &lt;/script&gt;
  
  &lt;a class="toggleme" href="#"&gt;&lt;img src="http://www.abc.com/images/share.png"&gt;&lt;/a&gt;
  
  &lt;div class="toparea3" style="display:none;"&gt;
      &lt;div class="share-bar clearfix" style=" margin-top:3px;margin-left: -2px;width: 380px;height: 50px;"&gt;
          &lt;div class="share-bar-buttons"&gt;
              &lt;div class="share-bar-facebook"&gt;
                  &lt;iframe src="http://www.facebook.com/plugins/like.php?href={URLEncodedPermalink}&amp;amp;layout=button_count&amp;amp;show_faces=false&amp;amp;width=110&amp;amp;action=like&amp;amp;font=lucida+grande&amp;amp;colorscheme=light&amp;amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:110px; height:21px;" allowTransparency="true"&gt;&lt;/iframe&gt;
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;div style="margin-left:80px;margin-top: 15px;" class="share-bar-twitter"&gt;
              &lt;a href="http://twitter.com/share" class="twitter-share-button"
                                        data-url="{Permalink}" 
                                        {block:Twitter}data-via="{TwitterUsername}"{/block:Twitter} 
                                        data-related="stylehatch:Premium Tumblr Themes by @newezra"&gt;&lt;/a&gt;
          &lt;/div&gt;
  
          &lt;div style="float: right;margin-top:-25px;" class="share-bar-shorturl"&gt;
              &lt;div class="linktumb"&gt;
                  http://www.tumblr.com/xdrs2sf
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>