title: How can I get the element below "this"
body: <p>How do you get to the next node below <code>this</code></p>
  
  <p>For example</p>
  
  <pre><code>&lt;ul id="secondary-nav"&gt;
      &lt;li id="isOpen" class="expandable"&gt;
          &lt;p&gt;
              &lt;ul style="display: none;"&gt;
      &lt;/li&gt;
      &lt;li id="isClosed" class="expandable expanded"&gt;
          &lt;p&gt;
              &lt;ul style="display: none;"&gt;
      &lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>Below is the running code:</p>
  
  <pre><code>$('#secondary-nav li').click(function() {
      var fstname = $(this).attr('class');
      alert(fstname);
      if (fstname == 'expandable') {
          if ($('#secondary-nav li').hasClass('expandable expanded')) {
              $('#secondary-nav li').removeClass('expanded');
              $('#secondary-nav li ul').css('display', 'none');
          }
      }
      $(this).addClass('expanded');
      //******************************//
      $(this).next('ul').css('')
  });​
  </code></pre>
  
  <p>How would I get access to the <code>&lt;ul&gt;</code> element below <code>this</code> at <code>//*********//</code> to change the style of this element.</p>