リストタグ(li)の繰り返しテキスト要素があるページで、テキスト要素クリック直後のテキスト要素をslideToggleを使用し表示・非表示させる方法をご紹介します。 処理フラグも必要無く、タグ要素毎に一つ一つ処理を書かなくて良いので便利です。 よくある質問やFAQの質問に対する答えを表示・非表示させるページに使えます。 繰り返しテキスト要素のCSS記述 ※繰り返しテキスト要素より答えのテキスト要素は非表示(display:none)にしてます。必要に応じて書き換えてください。 <style> body{ font-family:Verdana,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W6",Osaka,"MS Pゴシック",Arial,sans-serif; padding: 0; margin: 0; overflow-x: hidden; line
![jQueryのslideToggleを使って繰り返し要素を表示・非表示【フラグ処理不要】|DAD UNION – エンジニア同盟](https://cdn-ak-scissors.b.st-hatena.com/image/square/f83fe6978738facee87059d448170c8b2f4577ac/height=288;version=1;width=512/https%3A%2F%2Fdad-union.com%2Fwp-content%2Fuploads%2F2021%2F05%2Fcap20231003.jpg)