I currently have the following code. I’m trying to make rows collapse based on if they are in the group or not. I will probably be naming the rows the same ID. This one only collapses the last row in every group. Any ideas on what I am doing wrong?
[Code]
<html>
<head>
<meta name=”GENERATOR” content=”Microsoft FrontPage 6.0″>
<meta name=”ProgId” content=”FrontPage.Editor.Document”>
<meta http-equiv=”Content-Type” content=”text/html; charset=windows-1252″>
<title>My Start Page</title>
<LINK REL=STYLESHEET HREF=”/Clients/StyleSheets/StartPage.css” TYPE=”text/css”>
<LINK REL=STYLESHEET HREF=”/Clients/StyleSheets/dialog.css” TYPE=”text/css”>
<script type=”text/javascript”>
function toggleMe(a){
var i = 0;
var e=document.getElementById(a);
var img = document.getElementById(a+”IMG”);
if(!e)return true;
if(e.style.display==”none”){
e.style.display=”block”
img.src = “images/table/minus.gif”;
}
else{
e.style.display=”none”
img.src = “images/table/plus.gif”;
}
return true;
}
</script>
</head>
<body bgcolor=”#FFFFFF” topmargin=5 leftmargin=5>
<center>
<table cellpadding=0 cellspacing=0 border=0>
<tr id=”MainHeader”>
<td class=”dlg_columnHeaderLeft”> </td>
<td class=”dlg_columnHeaderLeft”>Column</td>
<td class=”dlg_columnHeaderLeft”>Column1</td>
<td class=”dlg_columnHeaderLeft”>Column2</td>
<td class=”dlg_columnHeaderLeft”>Column3</td>
<td class=”dlg_columnHeaderLeft”>Column4</td>
</tr>
<tr id=”rwMain”>
<td align=right><a onclick=”toggleMe(‘rwMainSub’)”><img id=”rwMainSubIMG” src=”images/table/minus.gif” border=0></a></td>
<td class=”dlg_columnHeaderLeft”>Main</td>
<td class=”dlg_columnHeaderLeft”> </td>
<td class=”dlg_columnHeaderLeft”> </td>
<td class=”dlg_columnHeaderLeft”> </td>
<td class=”dlg_columnHeaderLeft”> </td>
</tr>
<tr id=”rwMainSub”>
<td class=”dlg_columnHeaderLeft”> </td>
<td class=”dlg_columnHeaderLeft”> </td>
<td class=”dlg_columnHeaderLeft”>MainSub</td>
<td class=”dlg_columnHeaderLeft”> </td>
<td class=”dlg_columnHeaderLeft”> </td>
<td class=”dlg_columnHeaderLeft”> </td>
</tr>
<tr id=”rwMainSub”>
<td class=”dlg_columnHeaderLeft”> </td>
<td class=”dlg_columnHeaderLeft”> </td>
<td class=”dlg_columnHeaderLeft”>MainSub</td>
<td class=”dlg_columnHeaderLeft”> </td>
<td class=”dlg_columnHeaderLeft”> </td>
<td class=”dlg_columnHeaderLeft”> </td>
</tr>
<tr id=”rwSome”>
<td align=right><a onclick=”toggleMe(‘rwSomeSub’)”><img id=”rwSomeSubIMG” src=”images/table/minus.gif” border=0></a></td>
<td class=”dlg_columnHeaderLeft”>Some</td>
<td class=”dlg_columnHeaderLeft”> </td>
<td class=”dlg_columnHeaderLeft”> </td>
<td class=”dlg_columnHeaderLeft”> </td>
<td class=”dlg_columnHeaderLeft”> </td>
</tr>
<tr><td colspan=6>
<tr id=”rwSomeSub”>
<td class=”dlg_columnHeaderLeft”> </td>
<td align=right> </td>
<td class=”dlg_columnHeaderLeft”>SomeSub</td>
<td class=”dlg_columnHeaderLeft”> </td>
<td class=”dlg_columnHeaderLeft”> </td>
<td class=”dlg_columnHeaderLeft”> </td>
</tr>
<tr id=”rwSomeSub”>
<td class=”dlg_columnHeaderLeft”> </td>
<td align=right> </td>
<td class=”dlg_columnHeaderLeft”>SomeSub</td>
<td class=”dlg_columnHeaderLeft”> </td>
<td class=”dlg_columnHeaderLeft”> </td>
<td class=”dlg_columnHeaderLeft”> </td>
</tr>
<tr id=”rwSomeSub”>
<td class=”dlg_columnHeaderLeft”> </td>
<td align=right> </td>
<td class=”dlg_columnHeaderLeft”>SomeSub</td>
<td class=”dlg_columnHeaderLeft”> </td>
<td class=”dlg_columnHeaderLeft”> </td>
<td class=”dlg_columnHeaderLeft”> </td>
</tr>
<tr id=”rwSomeSubMain”>
<td class=”dlg_columnHeaderLeft”> </td>
<td align=right><a onclick=”toggleMe(‘rwSomeSubMainSub’)”><img id=”rwSomeSubMainSubIMG” src=”images/table/minus.gif” border=0></a></td>
<td class=”dlg_columnHeaderLeft”>SomeSubMain</td>
<td class=”dlg_columnHeaderLeft”> </td>
</tr>
<tr id=”rwSomeSubMainSub”>
<td class=”dlg_columnHeaderLeft”> </td>
<td class=”dlg_columnHeaderLeft”> </td>
<td align=right> </td>
<td class=”dlg_columnHeaderLeft”>SomeSubMainSub</td>
<td class=”dlg_columnHeaderLeft”> </td>
</tr>
<tr id=”rwSomeSubMainSub”>
<td class=”dlg_columnHeaderLeft”> </td>
<td class=”dlg_columnHeaderLeft”> </td>
<td align=right> </td>
<td class=”dlg_columnHeaderLeft”>SomeSubMainSub</td>
<td class=”dlg_columnHeaderLeft”> </td>
</tr>
</table>
</center>
</body>
</html>
Thanks,
Josh