Не правильно написал. При вышесказанном раскладе у меня открываются сразу все подменю. А для раскрытия отдельного делал так:

<style>
.hide {display: none}
.hide2 {display: none}
.show {display: block}
</style>
<script>
function setTables(el) {
var tables=el.parentNode.getElementsByTagName("TABLE") ;
for (var i=0; i<tables.length; i++) {
tables[i].className=(tables[i].className=='hide')?'show':'hide'
}
}
</script>
<script>
function setTabless(el) {
var tables=el.parentNode.getElementsByTagName("TABLE") ;
for (var i=0; i<tables.length; i++) {
tables[i].className=(tables[i].className=='hide2')?'show':'hide2'
}
}
</script>

<table><tr><td>
<a href='javascript:;' onClick='setTables(this);' class='mainmenu'>Меню</a>
<table border=0 width=170 class='hide' cellpadding="0" cellspacing="0" align=left > <tr> <td ><a href='javascript:;' onClick='setTabless(this);' class='mainmenu'>Пункт1</a><table border=0 width=170 class='hide2' cellpadding="0" cellspacing="0" align=left > <tr> <td ><a href='1.html'>Пункт1.1</a></td></tr></table></td></tr></table></td></tr>

И вот тогда-то приходится делать лишний клик