折りたたみ（ツリー式？）メニューについて教えて下さい。

解決済

質問者：pekotarou
質問日時：2004/09/07 14:55
回答数：2件

本を参考にして作ってみて、いちおう折りたたみができるようにはなったのですが一つ困っている事があります。

フレームを使って左右にページを分けて、左側をメニューにしています。その左側の折りたたみメニューなのですが項目をクリックして右側にページを表示させると、元に戻ってしまいます。私は一度開いたら自分でもう一度クリックするまで勝手に折りたたまれないメニューを作りたいのです。

現時点では<HEAD>部分に↓これが入っていて
<script language="JavaScript"></script>

<body>の部分に↓これを入れています
<table border="0" onClick="tblMenu(this)">
<thead><tr><th align="left">
<img src="****.gif"></th></tr></thead>
<tbody style="display:none">
<tr><td><a href="**.html" target="body">項目</a></td></tr>
・
・
・
こんな具合なのですが、これのどこかを直したら勝手に折りたたまれないようになりますか？
もしくは、自分でクリックするまで勝手に折りたたまれたりしない折りたたみメニューの作り方をご存知の方がいましたら是非教えて下さい。よろしくお願いします。

通報する

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

質問の本文を隠す

回答 (2件)

No.2ベストアンサー

回答者： moon_night
回答日時：2004/09/07 20:00

なぜリンクをクリックすると折りたたまれたかというと、

onClickがテーブルについているので、
開いたメニューをクリックするとテーブル内をクリックされたと同義なので、メニューが折りたたまれてしまうという、ある意味当然の動作をしたのですね。

で、onClickをそのまま<th>につけるとエラーになったりするんですね。

で、いろいろやった結果

<script language="JavaScript">

</script>
</head>

<table border="0">
<thead><tr><th align="left" onClick="tblMenu('tbm')">
<img src="****.gif"></th></tr></thead>
<tbody id='tbm' style="display:none">
<tr><td><a href="tb.htm" target="main">項目</a></td></tr>
<tr><td><a href="tb.htm" target="main">項目2</a></td></tr>
</tbody>
</table>

こんな感じで落ち着きました。