title: jQuery Slide Toggle on next class not next sibling
body: <p>I have data being pulled out from a database in a while loop. One item consists of a mini nav, the database item, hidden divs that relate to the menu. When you click on an item in this menu, I want a div to slide out from beneath the database item. </p>
  
  <p>So</p>
  
  <pre><code>while($row = mnysql_fetch_array($q)){
     &lt;li&gt;
      row data
      hidden divs
     &lt;/li&gt;
     menu
  }
  
  &lt;script&gt;
  slidetoggle script here
  &lt;/script&gt;
  </code></pre>
  
  <p>My problem is that with my jquery function. It only selects the siblings. I need the menu out of the li. So how do I select the a hidden div from the list item above the menu.</p>
  
  <pre><code>$(document).ready(function(){
      //Slide toggle for buttons
      $('.toggle-trigger').click(function(){
      $(this).next('.toggle').slideToggle();
    });
   });
  
                      `
  &lt;ul class="comment-links"&gt;
  &lt;li id="com-link"&gt;
      &lt;a href="#" title="View Comments" class="view-comments toggle-trigger"&gt;View Comments&lt;/a&gt;
      &lt;div class="comments toggle"&gt;
          &lt;p&gt;bla bla&lt;/p&gt;
      &lt;/div&gt;
  &lt;/li&gt;
  &lt;li id="add-com-btn"&gt;
      &lt;a href="#" title="Add a comment" class="add-comment-btn toggle-trigger"&gt;Add a comment&lt;/a&gt;
      &lt;div class="add-comment-form toggle"&gt;
          add comment form
      &lt;/div&gt;&lt;!--end add comment form--&gt;
  &lt;/li&gt;
  &lt;li id="down-btn"&gt;
      &lt;a href="uploads/Test document.pdf" title="Download Document" target="_blank" class="dwnld-doc-btn-2"&gt;Download Document&lt;/a&gt;
  &lt;/li&gt;
  </code></pre>
  
  <p></p>