java scriptでフォーム制御

質問

どなたか詳しい方、是非ご教授をお願いいたします。

自分のページに投稿フォームを設けているのですが、
画像をクリックしたら下にフォームが開く（表示する）ような形に変えたいと思い、挑戦しているのですがうまくいきません。
現在のソースはこんな感じです。

・head部分
<SCRIPT language="JavaScript">
<!--
flag = new Array();
function tree(menu){
tree_list = document.all.item("tree");
if(flag[menu] == 1){
tree_list[menu].style.display='none';
flag[menu] = 0;
}
else{
tree_list[menu].style.display='block';
flag[menu] = 1;
}
}
-->
</SCRIPT>

・body部分

<SPAN onclick="tree(0)" style="cursor:hand">
<img src="画像名"></SPAN><BR>
<DIV id="tree" style={display:none;}>
<form method="post" action="./">
～途中省略～
</form>
</DIV>

どなたか問題箇所を指摘、修正いただければ非常に助かります。よろしくお願いします。

回答No.1

noname#263871 · ベストアンサー

２ヵ所ある
tree_list[menu].style.display= ～
を
tree_list.style.display= ～
に修正すれば、画像のクリックでフォームの表示／非表示を切り替えられるようになります。

tree_listは配列ではないので、[menu]のように引数を指定することはできません。

(テスト環境:WindowsXP SP2,InternetExplorer6.0 SP2)

お礼

すみません。こちらの勘違いでした。
無事問題解決出来ました。
本当にありがとうございました。

補足

おおー、できました。ご丁寧に教えていただきありがとうございましたｍ(__)ｍ。とても助かりました。

最初の質問で質問すればよかったので、これはよかったらで結構なんですが、画像をもう一度クリックしたら再び閉じるようにするような方法はありますでしょうか？