Jquery nextAll（）是否可以只选择一定数量的元素，而不选择后面的所有元素？

我想创建一个下拉列表

<dl>
<dt>Option 1</dt>
<dd><a href="#" /></dd>//a
<dd><a href="#" /></dd>//b
<dd><a href="#" /></dd>//c
<dt>Option 2</dt>
<dd><a href="#" /></dd>//1
<dd><a href="#" /></dd>//2
<dd><a href="#" /></dd>//3
</dl>

选择1
//a
//b
//c
选择2
//1
//2
//3

我的jquery：

<script>
$('dd').hide();
$(document).ready(function(){
$('dt').bind('click', function(){
$(this).toggleClass('open').nextAll('dd').slideToggle(2000);
});
});
</script>

$（'dd'）.hide（）；
$（文档）.ready（函数（）{
$（'dt'）.bind（'click'，function（）{
$（this）.toggleClass（'open'）.nextAll（'dd'）.slideToggle（2000）；
});
});

我想要的是，当用户单击选项1（dt）时，只显示a、b和c。单击选项2（dt），仅显示1、2和3。目前正在发生的是，所有的dd都被揭示（a，b，c和1，2，3）。我从nextAll（）中删除了all，只显示了a和1。有没有办法只显示dt后面的信息而不显示所有dd？

您可以使用它来匹配以下所有同级元素，直到下一个

：

您可以使用来匹配以下所有同级元素，直到下一个

：

---

您正在用dt关闭dl？？这是一个错误。结束标记是dl。您正在使用dt关闭dl？？这是一个错误。结束标记是dl。

$("dt").on("click", function() {
    $(this).toggleClass("open").nextUntil("dt").slideToggle(2000);
});