<div>
<div style="background: #DDDDFF; vertical-align: middle; padding-left: 5px; padding-top: 2px; padding-bottom: 2px; border-top: 1px solid #AAAAFF; border-bottom: 1px solid #AAAAFF; cursor: pointer;" onClick="xlinkClick(this);" onMouseOver="this.style.background='#AAAAFF'" onMouseOut="this.style.background='#DDDDFF'">
<img src="http://endlessparadigm.com/forum/images/smilies/plus.gif" style="padding-top: 2px; vertical-align: top" border="0">
XLINK TEXT
</div>
<div style="display: none; padding-left: 25px; background: #F0F0F0;">
<div style="background: #F0F0FF;">
STUFF INSIDE
</div></div></div>

function xlinkClick(xlinkObj)
{
 var xlinkContent = xlinkObj.parentNode.getElementsByTagName('div')[1];
 if(xlinkContent.style.display != '') {
  xlinkContent.style.display = '';
  xlinkObj.getElementsByTagName('img')[0].src = 'http://endlessparadigm.com/forum/images/smilies/minus.gif';
 } else {
  xlinkContent.style.display = 'none';
  xlinkObj.getElementsByTagName('img')[0].src = 'http://endlessparadigm.com/forum/images/smilies/plus.gif';
 }
}