jquery - 选择下一个 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>

在这种情况下， anchor 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');