重要なお知らせ

「教えて! goo」は2025年9月17日(水)をもちまして、サービスを終了いたします。詳細はこちら>

電子書籍の厳選無料作品が豊富!

HTMLとcssで組み立てたサイトのページ内に設置したいものです。
タイトルボタン(画像 W300px)の下に表A(簡単な<table>内にテキストがあるW300 H400くらいのもの)があって、
タイトルボタンをクリックするたびに表B、表Cに切り替わるようにしたいのですが、
JavaScriptか何かで可能でしょうか。
表の大きさはすべて同じです。
画像切り替えはできたのですが、どうしてもテキストありの表を切り替え表示したく、
悩んでおります。
宜しくお願い致します。

A 回答 (1件)

表自体をそれぞれDIVで囲んで、JavaScriptでvisibility: hidden、visibility: visibleを切り替えれば良いと思います。



デフォルトで、表Aをvisibility: visible、表Bと表Cはvisibility: hiddenに設定しておき、あとはJavaScriptのスタイルシート属性操作で、クリックするとごとに各表のvisibilityを変更すれば実現できます。
詳しいやり方は「JavaScirpt visibility」などでネットを検索すれば出てくると思いますよ。

ご参考まで。
    • good
    • 0

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!