<TABLE align='center' BORDER=1 CELLPADDING=4 CELLSPACING=0 CLASS=cTable>
<TR>
<th CLASS=TH1 align='center' valign='top' colspan='15'>Input Summary</th>
<th CLASS=TH1 align='center' valign='top'>
<style type="text/css">
.myLayersClass { position: relative; display:none; }
</style>
<span id='spanHideSummary' class='myLayersClass' style='display:none'>
<a href='javascript:ToggleDisplay("spanSummary", "");javascript:ToggleDisplay("spanPPDates", "TsLinks");'>Hide</a>
</span>
</th>
<TABLE align=’center’ BORDER=1 CELLPADDING=4 CELLSPACING=0 CLASS=cTable> <TR> <th CLASS=TH1 align=’center’ valign=’top’ colspan=’15’>Input Summary</th> <th
Share
And it should not be shown. According to
display:nonein.myLayersClassandstyle='display:none'on span element. In order to fix it you should do something like this:Besides,
javascript:...in href is bad idea. There isonclickevent. It is better to do something like this (well, even that is not the best solution):Also, styles are better being located inside header tag. Suppose the main reason will be here that it will force browser to redraw everything just it will find your css in
<th>and it is much easier to support a website which has all css in some predefined location (in<head>like inline styles or in css files).