<script language="javascript">
var top = false;
dropped = 'block';
function droptop(e) {
var el = document.getElementById(e);
dropped = (el.style.display == 'block');
hideall(1);
if (!dropped) dropit(e);
}
function dropit(e) {
var el = document.getElementById(e);
var eli = document.getElementById(e+'i');
if (el.style.display == 'none') {
el.style.display = 'block';
if (eli) eli.src='';
} else {
el.style.display = 'none';
if (eli) eli.src='';
}
}
function hideall(e) {
var Nodes = document.getElementById('menu').getElementsByTagName('ul')
var max = Nodes.length
for(var i = 0;i < max;i++) {
var nodeObj = Nodes.item(i);
if (!e || (nodeObj.className != 'sub' && nodeObj.className != 'sub2')) nodeObj.style.display = 'none';
// if this is a top level node (i.e. doesnt have an underscore), retrieve the image for this node & set its src to the closed image
if (nodeObj.id.indexOf('_') == -1) {
var eli = document.getElementById(nodeObj.id+'i');
}
}
}
var minus=new Image();
doonload="hideall(1)";
</script>
<!-- end of javascipt menu shite , the ul below has to be called menu by id for javascript to work -->
<ul id="menu">
<h4 onclick="droptop('m3');">
<a href="javascript://">Check</a></h4>
<ul id="m3">
TExt here
asdas
da
d
asd
<li><h4 onclick="droptop('m4');">
<a href="javascript://">Pets</a></h4></li>
<ul id="m4">
<li><a href="index.php?pageid=6&drop=4">Fluffy</a></li>
</ul>
</ul>