title: jquery get next div called moreProductsBox and slideToggle it open
body: <p>Trying to get access to the next available div after the a link that i click, with a class of moreProductsBox and then slideToggle it open.</p>
  
  <p>This is what i have now:</p>
  
  <p>Link:</p>
  
  <pre><code>&lt;div class="productContent"&gt;
  &lt;p&gt;&lt;a href="#" onclick="return false;"  class="viewMoreProducts"&gt;View Related Products &lt;/a&gt;&lt;/p&gt;
  &lt;/div&gt;
  &lt;div class="productSelectBar"&gt;
  &lt;div class="selectBar"&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  
  &lt;!-- View More Products Box --&gt;
  &lt;div class="moreProductsBox" style="display:none;"&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Jquery is:</p>
  
  <pre><code>// Show Hidden Product Boxes on Expand  
  $(".viewMoreProducts").click(function() {
      $(this).nextAll(".moreProductsBox:first").slideToggle()
  };
  </code></pre>
  
  <p>*Updated markup to be more clear</p>