title: How do I toggle a child element when clicking "this" from outside of the parent in jQuery?
body: <p>If you take a look at my code.. clicking on the parent hides the child. What I want it to do is, to be able to create an a <code>href</code> outside of the parent, and have that as the one to trigger the hide function of the child. I can easily pull this off by assigning ID's but I would like to know how I would be able to pull this off using <code>$(this)</code> so that I can be re-usable?</p>
  
  <p><code>onClick $(this)</code> link - target <code>$(this)</code> parent div - hide <code>$(this)</code> child div</p>
  
  <pre><code>&lt;div class="trigger-collapse"&gt;   
       &lt;h1&gt;Anything here?&lt;/h1&gt;
       &lt;div class="content-collapse"&gt;
          &lt;h4&gt;Hello&lt;/h4&gt;
          &lt;p&gt;We’re working really hard to not act like other wireless carriers. 
             At T‐Mobile you will always get fair and simple pricing, anytime upgrades, 
             a fast nationwide 4G network, no annual contracts, no overages and no 
             restrictions. Ever.
          &lt;/p&gt;
       &lt;/div&gt;&lt;!-- content collapse --&gt;
  &lt;/div&gt; &lt;!-- trigger collapse --&gt;
  </code></pre>
  
  <p>The jQuery Script so far</p>
  
  <pre><code>$('.trigger-collapse').click(function() {
      $(this).children('div.content-collapse').toggle()
  });
  </code></pre>