expandable/collapsable content

on my site i have a expandable/collapsable content area for a chatbox thats attached to it.

Code:


<center>
<table border="0">
<tr>
<td valign=toponmouseover = "this.style.cursor = 'pointer'"
onmouseout = "this.style.cursor = 'normal'"

onClick='this.parentNode.nextSibling.style.display = (this.parentNode.nextSibling.style.display == "none") ? "" : "none";'>

<span style="color:#9fd33a">
<span style="font-size: 13px; line-height: normal">
<span style="background: #000000; ">
<span style="cursor:pointer">
<b>
<center>
Members Only Clan War Portal Chatbox (Click Here)
</center>
</b>
</span>
</span>
</td>
</tr>
<tr>
<td>
<embed src="http://www.xatech.com/web_gear/chat/chat.swf" quality="high" width="630" height="405" name="chat" FlashVars="id=31673380" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://xat.com/update_flash.shtml" />
</td>
</tr>
</table>
</center>

thats the code for it but every time i open teh page... it shows up expanded and visible. wat should change on it to make it collapsed by default. tell me wat to change it to.

EDIT:
i dont need a header for this but i do want another one like this that requires a header on my portal. where would i put that on my portal to make it work. it wont let me put it on the same block so idk where it goes. plz.

bump

ya this must be used with template editing I believe, I cant figure it right now.

no i made it a table type menu

if some1 doesnt know how to do this... then can some1 give me a site to do it on. if its that fooble or watever... tell me where on my portal to put the header. it doenst work on the same block or the top block. so plz help.

can some1 hlep me plzzzzzz.

the table not shown

<table border="0">

hm but in my browser thats on top.
then for what you used table code?why you not just put with div tag?
thats would be simple and easier.
and what you want make collapsible?the table or the alignment table?more specific.

no wat i want to be able to do is

Header 1 (initially hidden)
Header 2, Header 2, Header 2 (in a table and initially hidden)
Header 1 (initially hidden)
Header 2, Header 2, Header 2 (in a table and initially hidden)

is there any way you could provide us with a visual? That would help me think a little better. I know what you are saying and want but... I visual would help me get you a better answer

FireFlare77