Printable View
hey
I have a items in a table as show below, what I want to do is make it kind of like a folder tree where, when you click on the last one for example, it rolls out all of the sound icons which then allows you to download by clicking on each sound icon. and I can store the sound icons with a small description next to it and then whenever you click on the parent text, it rolls it out..
know what im saying?
ok.. well ive found some javascript that hides the portion i want to..
only thing is that once you hide it, the stuff is still there, just not visible.. so is there any way to get the table to resize itself once you click the hide button? that way there wotn be a little spot of empty space..Code:<script name="startmenu">
var h = "hidden";
var v = "visible";
function showMenu(_v) { window.document.all.StartMenu.style.visibility = _v?v:h; }
</script>
...
<table width="50%" border="0" id="StartMenu">
...
<a href="javascript:showMenu(true)">open</a>
<a href="javascript:showMenu(false)">close</a>
also, how can I modify that code to allow me to have multiple items?
cause as of now, I can only do it to one table, or one line of text, or whatever..
style.display = 'none' and style.display = 'block' would work
<html>
<head>
<script language="JavaScript">
<!--
var layers = document.all['span1'];
function doit(){
if (span1.style.display == "none")
span1.style.display = "block"
else
span1.style.display = "none"
}
//-->
</script>
</head>
<body>
<div style="cursor:hand" onclick="doit()">Click Here</div>
<SPAN id="span1" style="display: none">
Hello
</SPAN>
xxxxxxxxxxx
</body>
</html>