お世話になります。 javascriptでの表示の切り替えについて htmlとcssでやってみたのですが できずに断念しました。

JavaScript41閲覧xmlns="http://www.w3.org/2000/svg">50

ベストアンサー

0

ThanksImg質問者からのお礼コメント

shimix様 いただいたコードをそのまま使わせていただきました。 思いどおりのものができました。 ありがとうございました!

お礼日時:6/30 19:17

その他の回答(1件)

0

HTMLとCSSだけでも実現できますよ。 応用はしずらいかもですが。

HTML <aside> <input id="hoge" type="checkbox" style="display:none"> <div class="A"> <h3>xxxx省略xxxxxx</h3> <div class="bottun_A"><label for="hoge"><p>Bを表示</p></label></div> </div> <div class="B"> <h3>xxxx省略xxxxxx</h3> <div class="bottun_A"><label for="hoge"><p>Aを表示</p></label></div> </div> </aside> CSS #hoge:checked ~ .A { display: none; } #hoge:not(:checked) ~ .B { display: none; }