IMHO.WS - Выпадающяя менюшка, почемуто криво работает, в чем ошибка?

IMHO.WS (https://www.imho.ws/index.php)

- Веб-программирование (https://www.imho.ws/forumdisplay.php?f=29)

Выпадающяя менюшка, почемуто криво работает, в чем ошибка?

Ниже код страницы, хотел сделать чтобы при клике на слово в первой ячейке таблицы, появлялся бы текст во второй ячейке, но что-то не срабатывает и вторая ячейка наоборот пропадает, где может быть ошибка?

PHP код:


		
			
<HTML>

<HEAD>

<script language="JavaScript1.2">

<!--

var head="display:''"

function doit(header){

var head=header.style

if (head.display=="none")

head.display=""

else

head.display="none"

}

//-->



</script>

</HEAD>



<table border="1">

<tr>

<td width="200">

<h3 style="cursor:hand" onClick="doit(document.all[this.sourceIndex+1])">Меню 1</h3>

</td>

<td width="200">Здесь должен появиться текст

<span style="display:none" style=&{head};>

<A HREF="">Links 1</A>

</span></td>

</tr>



</BODY>

</HTML>

так что-ли?

Код:

<HTML> 

<HEAD> 

<script language="JavaScript1.2"> 

<!-- 

var head="display:''" 

function doit(header){ 

        header.innerHTML =  "<b>New Text</b>";

} 

//--> 



</script> 

</HEAD> 



<table border="1"> 

<tr> 

<td width="200"> 

<h3 style="cursor:hand" onClick="doit(document.all[this.sourceIndex+1])">Меню 



1</h3> 

</td> 

<td width="200">Здесь должен появиться текст 

Links 1</td> 

</tr> 



</BODY> 

</HTML>

Можно и так, но лучше вот так :)

PHP код:


		
			
<HTML>

<HEAD>

<script language="JavaScript1.2">

<!--

var head="display:''"

function doit(header){

var head=header.style

if (head.display=="none")

head.display=""

else

head.display="none"

}

//-->



</script>

</HEAD>



<table border="1">

<tr>

<td width="200">

<h3 style="cursor:hand" onClick="doit(menu1)">Меню 1</h3>

</td>

<td width="200">Здесь должен появиться текст

<span id=menu1 style="display:none" style="&{head};">

<A HREF="">Links 1</A>

</div></td>

</tr>



</BODY>

</HTML>

Добавлено через 33 минуты:
Возникла новая проблема.
Как сделать чтобы предыдущие данные при новом клике исчезали. Т.е. я кликнул на "Меню 1" данные появились в соседней ячейке, но при клике на "Меню 2" предыдущие даные не исчезли, а просто добавились, вот как сделать чтобы предыдущие данные исчезали и появлялись новые?

PHP код:


		
			
<HTML>

<HEAD>

<script language="JavaScript1.2">

<!--

var head="display:''"

function doit(header){

var head=header.style

if (head.display=="none")

head.display=""

else

head.display="none"

}

//-->



</script>

</HEAD>



<table border="1">

<tr>

<td width="200">

<h3 style="cursor:hand" onClick="doit(menu1)">Меню 1</h3>

</td>

<td width="200">

<h3 style="cursor:hand" onClick="doit(menu2)">Меню 2</h3>

</td>

<td width="200">Здесь должен появиться текст

<span id=menu1 style="display:none" style="&{head};">

<A HREF="">Links 1</A>

</span>

<span id=menu2 style="display:none" style="&{head};">

<A HREF="">Links 2</A>

</span>

</td>

</tr>

</table>

</BODY>

</HTML>

Код:

<script language="JavaScript1.2"> 

<!-- 

lheader = "";

var head="display:''" 

function doit(header){ 

        undoit();

        var head=header.style 

        if (head.display=="none"){

                head.display="" 

                lheader = header;

        }else{

                head.display="none" 

                lheader = "";

        }

} 

function undoit(){ 

        if(lheader != "")

                lheader.style.display="none" 

}



//--> 



</script>