title: Apply function to only one div class, not all
body: <p>I'm currently working on a location page on a website and am having trouble with a show/hide jquery effect. The jQuery below activates on-click and applies toggles the class of a div to show/hide it... pretty straightforward. However, when I add more divs with the same class and click on the activator link, it runs the functions on all of the divs. I know this is a simple fix, but I can't figure out the right syntax. Could anyone take a quick look at this code and see about how I could fix it. I only included one of the html divs below. It's when I have more than one that causes the problem. See <a href="http://rgw.steadfastdesignfirm.com" rel="nofollow">example here</a>.</p>
  
  <p>Thanks,
  Taylor</p>
  
  <p><strong>jQuery</strong></p>
  
  <pre><code>$(function(){
      $(".sliding").hide();
      $(".show-hide").show();
      $(".hide-click").show();
  
      $('.show-hide').click(function(){   
          $(".sliding").slideToggle("slow");
          $(".hide-click").slideToggle("slow");
      });
  });
  </code></pre>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;!-- Bowie, MD --&gt;
  &lt;div class="location" style="margin-top: 0;"&gt;
  
  &lt;!-- City Name --&gt;
  &lt;h3&gt;&lt;a href="javascript:void(0);" class="show-hide"&gt;Bowie&lt;/a&gt;&lt;/h3&gt;
  
      &lt;h2&gt;Address&lt;/h2&gt;
      &lt;p&gt;16901 Melford Blvd, Suite 11&lt;br/&gt;
      Bowie, MD 20715&lt;/p&gt;
  
      &lt;h2&gt;Contact&lt;/h2&gt;
      &lt;p&gt;&lt;span&gt;&lt;strong&gt;Phone:&lt;/strong&gt; 301.805.5395&lt;/span&gt;&lt;br /&gt;
      &lt;span&gt;&lt;strong&gt;Fax:&lt;/strong&gt; 301.805.5396&lt;/span&gt;&lt;/p&gt;
  
      &lt;span class="hide-click"&gt;&lt;a href="javascript:void(0);" class="show-hide"&gt;View additional info&lt;/a&gt;&lt;/span&gt;
  
      &lt;!-- Hidden Content --&gt;
      &lt;div class="sliding"&gt;
  
          &lt;h2&gt;Map&lt;/h2&gt;
  
          &lt;div class="map"&gt;   
              &lt;iframe width="211" height="140" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com/maps?f=q&amp;amp;source=s_q&amp;amp;hl=en&amp;amp;geocode=&amp;amp;q=16901+Melford+Blvd,+Suite+11+Bowie,+MD+20715&amp;amp;sll=37.0625,-95.677068&amp;amp;sspn=61.023673,112.236328&amp;amp;ie=UTF8&amp;amp;hq=&amp;amp;hnear=16901+Melford+Blvd,+Bowie,+Maryland+20715&amp;amp;ll=38.959742,-76.714354&amp;amp;spn=0.009344,0.018196&amp;amp;z=14&amp;amp;iwloc=A&amp;amp;output=embed"&gt;&lt;/iframe&gt;
          &lt;/div&gt;
  
          &lt;a href="http://maps.google.com/maps?f=d&amp;source=s_d&amp;saddr=16901+Melford+Blvd,+Suite+11+Bowie,+MD+20715&amp;daddr=&amp;hl=en&amp;geocode=&amp;mra=prev&amp;sll=38.959741,-76.714349&amp;sspn=0.00755,0.013422&amp;g=16901+Melford+Blvd,+Suite+11+Bowie,+MD+20715&amp;ie=UTF8&amp;z=17" target="_blank" class="directions"&gt;Get Directions&lt;/a&gt;
  
          &lt;h2&gt;Doctors&lt;/h2&gt;
          &lt;p&gt;&lt;a href="/#phillips.php"&gt;William B. Phillips, II M.D.&lt;/a&gt;, &lt;a href="/#weichel.php"&gt;Eric D. Weichel, M.D.&lt;/a&gt;&lt;/p&gt;
          &lt;a href="javascript:void(0);" class="show-hide"&gt;Hide additional info&lt;/a&gt;
  
      &lt;/div&gt;
      &lt;!-- end Hidden Content --&gt;
  
  &lt;/div&gt;
  &lt;!-- end Location --&gt;
  </code></pre>