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

解決済

質問者：domon0724
質問日時：2006/02/16 16:04
回答数：2件

　★コンテンツ１
　★コンテンツ２
　★コンテンツ３

とあったとします。例えばコンテンツ１をクリックしたら

　★コンテンツ１
　　　　タイトル１
　　　　タイトル２
　　　　タイトル３
　★コンテンツ２
　★コンテンツ３

もう一度コンテンツ１を押すと

　★コンテンツ１
　★コンテンツ２
　★コンテンツ３

に戻り、コンテンツ１をもう一度押さすにコンテンツ２を押すと

　★コンテンツ１
　　　　タイトル１
　　　　タイトル２
　　　　タイトル３
　★コンテンツ２
　　　　タイトル１
　　　　タイトル２
　　　　タイトル３
　★コンテンツ３

と表示させる方法はどうすれば良いのでしょうか。
時々見かけますが方法が解らず、支援・講座サイト様を巡ってもその方法が載っている所が発見出来ませんでした。HTMLで出来るのならその手法を使いたいのですが…知ってらっしゃる方が居られればぜひ教えて頂きたく書き込ませて頂きました。
宜しくお願いします。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (2件)

ベストアンサー優先
最新から表示
回答順に表示

No.1ベストアンサー

回答者： natatin
回答日時：2006/02/16 16:14

階層メニューですね　このへんを参考に！

http://hp.xrea.jp/m/link/37.html

http://ako.x0.com/java/imenu.html

http://soft.bko.to/dhtml/tree3/

- 0
- 件

通報する

この回答へのお礼

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

通報する

お礼日時：2006/02/16 20:45

No.2

回答者： BLUEPIXY
回答日時：2006/02/16 20:38

コンテンツ２をクリックした時にコンテンツ１が開くようにはしてないですが、(他にも方法は多々ありますが）こんな感じでどうでしょう

----------------------------------------------------------------
<!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>