ボタン（画像）をクリックするたび表を切り替える方法

質問

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

回答No.1

qualheart · ベストアンサー

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

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

ご参考まで。