选择要隐藏的所有子元素，但不会取消隐藏所有元素

Question

我正按照css-tricks tut here制作一个jquery手风琴。我稍微修改了代码，然后选择了父元素中的所有元素并将其隐藏起来。点击后，它会显示dd代码，但不会显示ul或h3代码。我觉得它与JS部分的第6行或第7行的代码有关，但我不太清楚JS / jQuery知道原因。任何帮助将不胜感激。

实施例： http://jsfiddle.net/undeE/

Answer 1

next仅选择所选元素的下一个兄弟，您可以使用nextUntil方法。

var $target = $this.parent().nextUntil('dt');

http://jsfiddle.net/bDdCH/

但是，如果用另一个元素（如div元素）包装目标元素，那么next将按预期工作。