h0ttab, да где же Вы читали про HTML, чтобы у таблицы были внутри div-элементы???
Ну а в остальном также сделать как и в примере выше.
Код HTML:
<html>
<style type="text/css">
.list {width: 130px; height: 14px;}
.close {width: 130px; height: 1px; overflow: hidden;}
.open {width: 130px; height: auto; overflow: visible;}
</style>
<script language="JavaScript">
var Lists = new Array;
Lists[0] = "List01";
function ListOnClick(ListID){
var d = document.getElementById(ListID);
d.className = (d.className == "open")?"close":"open";
for(i = 0; i < Lists.length; i++){
d1 = document.getElementById(Lists[i]);
if(d1.id != d.id) d1.className = "close";
}
}
</script>
<body>
<table>
<thead class="list" onClick="ListOnClick('List01')">
<tr>
<td class="links" background="/templates/vechorka/images/bgs_3.gif" height="20"><img src="/templates/vechorka/images/arr_4.gif" style="margin-left: 7px; margin-right: 21px;" alt="" height="5" width="5"><b><a class="links" href="#">Життя</a></b></td>
</tr>
</thead>
<tbody id="List01" class="close">
<tr>
<td class="links" background="/templates/vechorka/images/bgs_3.gif" height="20"><img src="/templates/vechorka/images/arr_4.gif" style="margin-left: 7px; margin-right: 21px;" alt="" height="5" width="5"><b><a class="links" href="/live/">Життя</a></b></td>
</tr>
<tr>
<td class="links" background="/templates/vechorka/images/bgs_5.gif" height="20"><img src="/templates/vechorka/images/arr_4.gif" style="margin-left: 7px; margin-right: 21px;" alt="" height="5" width="5"><a href="/live/society/" class="links">Суспільство</a></td>
</tr>
<tr>
<td class="links" background="/templates/vechorka/images/bgs_5.gif" height="20"><img src="/templates/vechorka/images/arr_4.gif" style="margin-left: 7px; margin-right: 21px;" alt="" height="5" width="5"><a href="/live/security/" class="links">Безпека</a></td>
</tr>
<tr>
<td class="links" background="/templates/vechorka/images/bgs_5.gif" height="20"><img src="/templates/vechorka/images/arr_4.gif" style="margin-left: 7px; margin-right: 21px;" alt="" height="5" width="5"><a href="/live/education/" class="links">Освіта</a></td>
</tr>
<tr>
<td class="links" background="/templates/vechorka/images/bgs_5.gif" height="20"><img src="/templates/vechorka/images/arr_4.gif" style="margin-left: 7px; margin-right: 21px;" alt="" height="5" width="5"><a href="/live/interview/" class="links">Інтерв’ю</a></td>
</tr>
<tr>
<td class="links" background="/templates/vechorka/images/bgs_5.gif" height="20"><img src="/templates/vechorka/images/arr_4.gif" style="margin-left: 7px; margin-right: 21px;" alt="" height="5" width="5"><a href="/live/livenews/" class="links">Життя</a></td>
</tr>
<tr>
<td class="links" background="/templates/vechorka/images/bgs_5.gif" height="20"><img src="/templates/vechorka/images/arr_4.gif" style="margin-left: 7px; margin-right: 21px;" alt="" height="5" width="5"><a href="/live/two/" class="links">Двоє</a></td>
</tr>
<tr>
<td class="links" background="/templates/vechorka/images/bgs_5.gif" height="20"><img src="/templates/vechorka/images/arr_4.gif" style="margin-left: 7px; margin-right: 21px;" alt="" height="5" width="5"><a href="/live/animals/" class="links">Тварини</a></td>
</tr>
</tbody>
</table>
</body>
</html>