title: Hide element inside same parent by class with jquery
body: <p>Take the following html:</p>
  
  <pre><code>&lt;div class="box"&gt;
  &lt;a href="javascript:;" onclick="toggle_content(1)"&gt;Toggle&lt;/a&gt;
  &lt;h2&gt;Some Title&lt;/h2&gt;
  &lt;div class="box_content box_content_1"&gt;&lt;/div&gt;
  &lt;div class="box_content box_content_2"&gt;&lt;/div&gt;
  &lt;/div&gt;
  
  &lt;div class="box"&gt;
  &lt;a href="javascript:;" onclick="toggle_content(1)"&gt;Toggle&lt;/a&gt;
  &lt;h2&gt;Some Title&lt;/h2&gt;
  &lt;div class="box_content box_content_1"&gt;&lt;/div&gt;
  &lt;div class="box_content box_content_2"&gt;&lt;/div&gt;
  &lt;/div&gt;
  
  &lt;script&gt;
  function toggle_content(key){
     $('.box_content_'+key,$(this).parent()).toggle();
  }
  &lt;/script&gt;
  </code></pre>
  
  <p>Basically, when the toggle link is clicked, I would like the toggle the element inside the same parent that has the matching class name. The code above doesn't seem to do anything.</p>