Сворачивающийся слой + cookie (проблема)
 

<a href=# onclick=SectionClick('menu'); return false>
link
</a>

<table>
<tr>
<td id=menu style=display:none>
содержимое
</td>
</tr>
</table>

<script language=JavaScript type=text/javascript defer>
window.onload=init('menu');
function GetCookieValueByName(name){
beg=document.cookie.indexOf(name+'=');
if(beg==-1)return false;
end=document.cookie.indexOf(';',beg+name.length);
if(end==-1)end=document.cookie.length;
return unescape(document.cookie.substring(beg+name.length +1,end));
}
function init(id){
state=GetCookieValueByName(id);
document.getElementById(id).style.display=state==' Y'?'table-cell':'none';
}
function SectionClick(id){
td=document.getElementById(id);
document.cookie=''+id+'='+(td.style.display!='none'?'N':'Y');
td.style.display=(td.style.display!='none'?'none':'table-cell');
}
</script>

Где ошибка?Почему возникает при td, tr, th элементах?
Какую часть можно убрать, максимально сжать скрипт?

убери пропуск document.getElementById(id).style.display=state==' Y'?'table-cell':'none';
и всё заработает.
и table-cell не вседа применимо некоторые браузеры его не поддерживают

Спасибо =)