选择下一个UL？

Question

我有一个触发器,需要抓住下一个UL元素并对其应用效果.

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

在这种情况下,锚menu_trigger用作选择器.我正在使用以下内容,但有些不对劲.我假设我没有next正确使用选择器.

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

你能指出我如何正确使用next选择器吗？

[编辑]感谢您编辑错误的标记.非常感激.

Answer 1

你正在寻找a元素next()的下一个兄弟(返回下一个兄弟元素,如果没有兄弟姐妹,则返回空选).这ul是兄弟姐妹div#archives_trigger.因此,您需要先拨打电话parent():

$(this).parent().next('ul').stop(true,true).slideToggle().toggleClass('active');