<script type="text/javascript"> 
 
var rowVisible = true; 
 
function toggleDisplay(tbl) { 
var tblRows = tbl.rows; 
for (i = 0; i < tblRows.length; i++) { 
if (tblRows[i].className != "headerRow") { 
tblRows[i].style.display = (rowVisible) ? "none" : ""; 
} 
} 
rowVisible = !rowVisible; 
} 
 
</script> 
 
<table id="theTable"  align="center"> 
<tr class="headerRow"> 
<th class="title1" width=700></th>  
<tr> 
<td class=window2> 
-----CONTENT HERE------- 
</td> 
</tr> 
</table> 
 
<input type="button" value="Open/Close" onclick="toggleDisplay(document.getElementById('theTable'))" /> 
</center> 
 

<center> 
<script type="text/javascript"> 
var rowVisible = false; 
function toggleDisplay(tbl) { 
var tblRows = tbl.rows; 
for (i = 0; i < tblRows.length; i++) { 
if (tblRows.className != "headerRow") { 
tblRows.style.display = (rowVisible) ? "none" : "table-row"; 
} 
} 
alert(tblRows.length); 
rowVisible = !rowVisible; 
} 
</script> 
<style type="text/css"> 
table#theTable tr { 
display:none; 
} 
table#theTable tr.headerRow { 
display:table-row; 
} 
</style> 
<table id="theTable" border=1> 
<tr class="headerRow"> 
<tr> 
<td>----CONTENT HERE----</td> 
</tr> 
</table> 
<input type="button" value="Open/Close" onclick="toggleDisplay(document.getElementById('theTable'))" /> 
</center>

{additional_info}  

<div style="height:15px;overflow-y:auto;" onclick="this.style.cssText=''"><a>View +</a><br/>{additional_info}</div>