Select next UL?
<p>I have a trigger which needs to grab the next UL element and apply effects to it.</p>

<pre><code> &lt;div id="archives_trigger"&gt;&lt;a class="menu_trigger"&gt;Monhtly Archives&lt;/a&gt;&lt;/div&gt;
  &lt;ul id="archives_menu"&gt;
   &lt;?php wp_get_archives(); ?&gt;
  &lt;/ul&gt;
 &lt;/div&gt;
</code></pre>

<p>In this case, the anchor <code>menu_trigger</code> is used as the selector. I'm using the following, but something's not right. I'm assuming I'm not using the <code>next</code> selector properly.</p>

<pre><code> $('a.menu_trigger').click(
  function () {
    $(this).next(ul).stop(true,true).slideToggle().toggleClass('active');
   }
  );
</code></pre>

<p>Could you point me in the right direction on how to properly use the <code>next</code> selector?</p>

<p>[EDIT] Thank you for editing my incorrect markup. Much appreciated.</p>
