Anonymous

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Language" content="en-us">
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<script language="JavaScript" type="text/javascript">
<!--
var theFolders;
function showFolders(folderID){
  if(theFolders){
     for(var i = 0; i < theFolders.length; i++){
         theFolders[i].style.display="block"; theFolders[i].style.display="none";
          theFolders[i].style.visibility="hidden";
          
          //alert(i);
     }
  }
  theFolders = new Array();
  var temp = document.getElementsByTagName('tr');
  for(var i = 0; i < temp.length; i++)
     if(temp[i].className == folderID)
          theFolders[theFolders.length] = temp[i];
     for(var i = 0; i < theFolders.length; i++){
          theFolders[i].style.display="block";
          theFolders[i].style.visibility="visible";
     }
  return false;
}
// -->
</script>
<title>Title</title>
</head>
<body>
	<table border="1" width="100%">
		<tr>
			<td onclick="showFolders('1');" bgcolor="#E0E0E0">1</td>
		</tr>
		<tr id="folder1-1" class="1">
			<td>1.1</td>
		</tr>
		<tr id="folder1-2" class="1">
			<td>1.2</td>
		</tr>
		<tr>
			<td onclick="showFolders('2');" bgcolor="#E0E0E0">2</td>
		</tr>
		<tr id="folder2-1" class="2">
			<td>2.1</td>
		</tr>
		<tr id="folder2-2" class="2">
			<td>2.2</td>
		</tr>
	</table>
</body>
</html>