Show/Hide Table Rows

[shankwheat]

I'm creating a dynamic table with asp and I would like to add a "Show
All" and "Collapse All" feature to show/hide certain rows within the
table. This code works well for showing/hiding one row at a time but
I'm not sure how to all the "Show All/Hide All" feature. Thanks.

function sh_RowShowHide( sh_RowID) {
var currRow = document.getEle mentById(sh_Row ID);
if (currRow.style. display=="none" ) {
currRow.style.d isplay="";
document.getEle mentById(sh_Row ID+"img").src = sh_HideImg;
} else {
currRow.style.d isplay="none";
document.getEle mentById(sh_Row ID+"img").src = sh_ShowImg;
}
}
<table>
<tbody id="EventsBody" >
<tr>
<td></td>
<td>Event Date</td>
<td>Event</td>
</tr>

<% Do While Not rs_Events.EOF %>
<tr>
<td><img border="0" id="<%=rs_Event s("EventID")%>i mg"
style="clear:bo th;"
onclick="sh_Row ShowHide('<%=rs _Events("EventI D")%>',0); return false;"
src="directory_ minus.gif" /></td>
<td><%=rs_Event s("EventDate")% ></td>
<td><%=rs_Event s("UpdateDescri ption")%></td>

</tr>
<tr id="<%=rs_Event s("EventID")% >" style="display: inline;">
<td colspan="3"><%= rs_Events("Even tDescription")% ></td>
</tr>

<%
rs_Events.MoveN ext
Loop
%>

</tbody>
</table>

[RobG]

shankwheat wrote:

I'm creating a dynamic table with asp and I would like to add a "Show
All" and "Collapse All" feature to show/hide certain rows within the
table. This code works well for showing/hiding one row at a time but
I'm not sure how to all the "Show All/Hide All" feature. Thanks.

function toggleAll(tbody _ID)
{
var tBody, tStyle;
if ( document.getEle mentById
&& (tBody = document.getEle mentById(tbody_ ID))
&& (tStyle = tBody.style)) {
tStyle.display = ('none' == tStyle.display) ? '' : 'none';
}
}
[...]
--
Rob