<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es">
<head>
<meta http-equiv="Content-Type" content="application/xhtml; charset=utf-8" />
<title></title>
<style type="text/css">
#cont ul li {display: none;}
#cont ul.seleccionada li{display: block;}
#cont ul.oculto li{display: none;}
span {cursor: pointer;}
</style>
<script type="text/javascript">
function fnc(elem) {
var ul = document.getElementById('cont').getElementsByTagNa me('ul');
for(var i=0; i<ul.length; i++) {
if (ul[i] == elem) {
for(var j=0, li = ul[i].getElementsByTagName('li'); j<li.length; j++) {
li[j].style.display = 'block';
}
} else {
for(var j=0, li = ul[i].getElementsByTagName('li'); j<li.length; j++) {
li[j].style.display = 'none';
}
}
}
}
</script>
</head>
<body>
<?php
$idcategory = $_GET['param'];
?>
<div id="cont">
<ul <?php echo $idcategory=="l1"?"class=\"seleccionada\"":"class= \"oculto\"";?>><span onclick="fnc(this.parentNode)">listado1</span>
<li><a href="?param=l1">contenido1</a></li>
<li><a href="?param=l1">contenido2</a></li>
<li><a href="?param=l1">contenido3</a></li>
</ul>
<ul <?php echo $idcategory=="l2"?"class=\"seleccionada\"":"class= \"oculto\"";?>><span onclick="fnc(this.parentNode)">listado2</span>
<li><a href="?param=l2">contenido4</a></li>
<li><a href="?param=l2">contenido5</a></li>
<li><a href="?param=l2">contenido6</a></li>
</ul>
</div>
</body>
</html>