Select メソッドを使用せずにマウスクリックだけで div 内の異なるコンテンツを表示/非表示にすることはできますか?

Question

Select メソッドを使用せずに、div 上でマウスをクリックするだけで、div 内のさまざまなコンテンツを表示/非表示にすることは可能ですか?

＃＃＃＃＃＃例えば：＃＃＃＃＃＃

リーリー リーリー 「オプション 1」 div をクリックすると、「コンテンツ 1」のすべてが表示されます

オプション 1 -> コンテンツ 1

＃＃＃出来ますか？

Answer 1

JavaScript を使用せずにこれを厳密に行うには、ラベル付きチェックボックスを使用できますが、タグを変更する必要があります:

リーリー リーリー

現在のマークアップにあまり多くの変更を加えたくない場合は、JS を使用する必要があります。次の例では、data 属性 を使用して要素のスイッチを識別します。

リーリー リーリー リーリー