ベストアンサー

クリックした時に文字を表示させる方法

2006/02/16 16:04

　★コンテンツ１　★コンテンツ２　★コンテンツ３とあったとします。例えばコンテンツ１をクリックしたら　★コンテンツ１　　　　タイトル１　　　　タイトル２　　　　タイトル３　★コンテンツ２　★コンテンツ３もう一度コンテンツ１を押すと　★コンテンツ１　★コンテンツ２　★コンテンツ３に戻り、コンテンツ１をもう一度押さすにコンテンツ２を押すと　★コンテンツ１　　　　タイトル１　　　　タイトル２　　　　タイトル３　★コンテンツ２　　　　タイトル１　　　　タイトル２　　　　タイトル３　★コンテンツ３と表示させる方法はどうすれば良いのでしょうか。時々見かけますが方法が解らず、支援・講座サイト様を巡ってもその方法が載っている所が発見出来ませんでした。HTMLで出来るのならその手法を使いたいのですが…知ってらっしゃる方が居られればぜひ教えて頂きたく書き込ませて頂きました。宜しくお願いします。

domon0724
お礼率60% (17/28)

ホームページ作成ソフト
回答数2
ありがとう数3

みんなの回答 （2）
専門家の回答

質問者が選んだベストアンサー

ベストアンサー

natatin
ベストアンサー率50% (1322/2599)

2006/02/16 16:14 回答No.1

階層メニューですね　このへんを参考に！ http://hp.xrea.jp/m/link/37.html http://ako.x0.com/java/imenu.html http://soft.bko.to/dhtml/tree3/

質問者

お礼 2006/02/16 20:45

階層メニューと言うのですね…名前すら知りませんでした。教えて頂いたサイトを参考にどうにか頑張ってみた所、無事に動作出来たみたいです。教えて頂いてありがとうございました。

その他の回答 (1)

BLUEPIXY
ベストアンサー率50% (3003/5914)

2006/02/16 20:38 回答No.2

コンテンツ２をクリックした時にコンテンツ１が開くようにはしてないですが、(他にも方法は多々ありますが）こんな感じでどうでしょう ---------------------------------------------------------------- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=SHIFT_JIS"> <title>サンプル</title> <style>  </style> <script type="text/javascript">  </script> </head> <body> <div> <span onclick="toggleDisp('C1')">★コンテンツ１</span><br> <div id="C1" style="margin-left:4ex;display:none"> タイトル１<br> タイトル２<br> タイトル３ </div> <span onclick="toggleDisp('C2')">★コンテンツ２</span><br> <div id="C2" style="margin-left:4ex;display:none"> タイトル１<br> タイトル２<br> タイトル３ </div> <span onclick="toggleDisp('C3')">★コンテンツ３</span><br> <div id="C3" style="margin-left:4ex;display:none"> タイトル１<br> タイトル２<br> タイトル３ </div> </div> </body> </html>

質問者