title: jQuery parent()
body: <p><strong>jQuery snippet:</strong></p>
  
  <pre><code>$(".sliders dt a").click(function(){
      $(this).parent().parent().parent().find(".triggers a").removeClass("active");
      $(this).toggleClass("active");
      $(this).parent().next("dd").slideToggle("fast");
      return false
  });
  </code></pre>
  
  <p><strong>HTML:</strong></p>
  
  <pre><code>&lt;div class="sliders"&gt;
      &lt;div class="triggers"&gt;
         &lt;a href="#" class="active"&gt;Hide all&lt;/a&gt;
      &lt;/div&gt;
      &lt;dl&gt;
          &lt;dt&gt;
              &lt;a href="#"&gt;text&lt;/a&gt;
          &lt;/dt&gt;
          &lt;dd&gt;text&lt;/dd&gt;
      &lt;/dl&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Three <code>.parent()</code> is used, to catch <code>.triggers</code> block. <strong>Is there any way to merge them?</strong></p>
  
  <hr>
  
  <p><strong>jQuery 1.2.6. version is used, thats why <code>.closest()</code> solutions don't work.</strong></p>