title: How to find an element outside its parent with jQuery
body: <p>I have this markup:</p>
  
  <pre><code>  &lt;div&gt;
      &lt;div&gt;
        &lt;button class="button"&gt;&lt;/button&gt;
      &lt;/div&gt;
      &lt;div class="panel"&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  </code></pre>
  
  <p>Now i need to find next <code>panel</code> just right for <code>button</code> element and make some action on it. So i do this but something is not right, can anybody help?</p>
  
  <pre><code>var open_bt = $('.button');
  
  open_bt.on('click',function(){
     $(this).parent().parent().next().child('.panel').slideDown(100);
  });
  </code></pre>
  
  <p>Thx for help.</p>