title: Targeting child of parent - jQuery
body: <p>I've got a series of posts in wordpress, each will have hidden section which displays on click of a link.
  Having trouble targeting the child of that particular post, as a normal div reference makes all the hidden section appear at once..</p>
  
  <pre><code>&lt;div class="individual"&gt;
      &lt;div class="m-all t-1of4 d-1of4"&gt;
          &lt;a class="headshot" href="" style="color: #000 !important"&gt;
              &lt;h3&gt;Test&lt;/h3&gt;    
          &lt;/a&gt;
      &lt;/div&gt;
      &lt;div class="desciption-show" style="display: none; background: #ffffff;"&gt;
          &lt;div class="m-all t-all d-all cf"&gt;
              &lt;h3&gt;Testasdf&lt;/h3&gt;
              &lt;h4&gt;Testasdfasdfasdf&lt;/h4&gt;
              &lt;p&gt;Testdghjfghjfghj&lt;/p&gt;
              &lt;p&gt;&lt;em&gt;fghjrtysdfgdfgh&lt;/em&gt;&lt;/p&gt;
              &lt;a class="close" href=""&gt;Close&lt;/a&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <pre class="lang-js prettyprint-override"><code>$(document).ready(function(){
      $("a.headshot").click(function() {
          $(this).parents(".individual").children('.description-show').show('fast');
      });
  });
  </code></pre>