nextUntil( [selector][, filter] )

jQuery API の nextUntil( [selector][, filter] ) は、マッチした要素の弟要素のうち、selectorにマッチする要素がある直前までを選択するメソッド。filterで、選択を、さらに絞り込むことができる。

引数

selector

オプション。

セレクター。

このセレクターに指定した要素の直前までを選択する。

filter

オプション。

セレクター。

選択を絞り込むことができる。

記述方法

「セレクター１」にマッチした要素の弟要素のうち、「セレクター２」にマッチする要素がある直前までの要素で、さらに、「セレクター３」にマッチする要素を選択する。

記述例

idが「smaple-1」である要素の弟要素のうち、クラス名が「smaple-2」である要素がある直前までの要素で、さらに、クラス名が「smaple-3」である要素を選択。

実装例（サンプル）

用語１

用語１の説明文１

用語１の説明文２

用語１の説明文３

用語２

用語２の説明文１

用語２の説明文２

用語２の説明文３

用語３

用語３の説明文１

用語３の説明文２

用語３の説明文３

実装例（サンプル）の動作について

「用語１」をクリックすると、「用語１の説明文２」「用語１の説明文３」をスライドダウンのアニメーション動作で出現させる。

「用語１」を再度クリックすると、「用語１の説明文２」「用語１の説明文３」をスライドアップのアニメーション動作で非表示にする。

「用語２」「用語３」についても同様。

実装例（サンプル）のソースコード

JavaScript

CSS

HTML