expanding/collapsing saybox /w cellhighlight

[Fredy]

this is like my other collapsing/expanding saybox codes, but with a cell highlight.

editing explaiend at bottom.

<STYLE>
<!--
tr
.initial { background-color: #ffffff }
.sayboxnormal { background-color: #ffffff }
.sayboxhighlight { background-color: #ff0000 }
//-->
</style>

<table border="1" cellspacing="0" bgcolor="#000000" cellpadding="0">
<tr
onMouseOver="this.className='sayboxhighlight'" onMouseOut="this.className='sayboxnormal'">
<td class="sayboxnormal" valign=top onMouseOver="this.className='sayboxhighlight'" onMouseOut="this.className='sayboxnormal'"
onClick='this.parentNode.nextSibling.style.display = (this.parentNode.nextSibling.style.display == "none") ? "" : "none";'>
<b>my saybox</b>(click to hide/show)</td></tr><tr><td class=initial>
SAYBOX CODE HERE</td></tr></table>

editing:
put your saybox code here.
replace these hex color codes with your own. initial and saybox normal are the color it is normally, and saybox highlight is the cell highlight.
this is the text that appears on the top bar that you click on to collapse the saybox.