javascript - 非表示にするすべての子要素を選択しましたが、クリックしてもすべての要素を再表示しません

Question

css-tricks tut hereに従ってjqueryアコーディオンを作成しています。コードを少し変更し、親要素内のすべての要素を選択して非表示にしました。クリックするとタグが表示されますが、 orタグは表示さddれません。JS セクションの 6 行目または 7 行目のコードに関係しているように感じますが、その理由を知るには JS/jQuery を十分に理解していません。どんな助けでも大歓迎です。ulh3

例: http://jsfiddle.net/undeE/

Answer 1

next選択した要素の次の兄弟のみを選択しますnextUntil。代わりにメソッドを使用できます。

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

http://jsfiddle.net/bDdCH/

ただし、ターゲット要素を別の要素 (div 要素など) でラップするとnext、期待どおりに機能します。