title: Using the Jquery closest() function?
body: <p>Here's my HTML:</p>
  
  <pre><code>&lt;tr&gt;
      &lt;td class="show_r3c"&gt;click here&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr class="r3c"&gt;
      &lt;td&gt;This is what I'd like to display&lt;/td&gt;
  &lt;/tr&gt;
  </code></pre>
  
  <p>And I have currently got this JQuery code,</p>
  
  <pre><code>    $(document).ready(function(){
          $(".r3c").hide();        
          $('.show_r3c').click(function() { 
                           $(this).closest('.r3c').toggle(); 
                           return false; 
          });
     });
  </code></pre>
  
  <p>For some reason the <code>closest()</code> function isn't working, and it won't toggle the table row <code>.r3c</code> - I've tried using parent and other alternatives but can't get it working either :(</p>
  
  <p>Apologies for the silly question, and something similar to a problem I've had before. Just wondering, What's the best solution for this ?</p>
  
  <p>Thanks!</p>