Hola violetabb aqui tienes la solución a tu problema:
Código:
<head>
<style type="text/css">
[contenido]{
display: none;
}
</style>
<script type="text/javascript">
function expandir(zap) {
if (document.getElementById) {
for (var i=1; ;i++) {
if ("contenido"+i==zap)
{
i++;
}
var cont = document.getElementById("contenido"+i);
if (cont == null)
{
break;
}
cont.style.display="none";
}
var abra = document.getElementById(zap).style;
if (abra.display == "block") {
abra.display = "none";
} else {
abra.display = "block"
}
return false
} else {
return true
}
}
</script>
</head>
<ul>
<li><a href="#" onclick="expandir('contenido1');">contenido1</a></li>
<li><a href="#" onclick="expandir('contenido2');">contenido2</a></li>
<li><a href="#" onclick="expandir('contenido3');">contenido 3</a></li>
<li><a href="#" onclick="expandir('contenido4');">contenido 4</a></li>
</ul>
<div id="contenido1" contenido>
Contenido 1
</div>
<div id="contenido2" contenido>
contenido 2
</div>
<div id="contenido3" contenido>
contenido 3
</div>
<div id="contenido4" contenido>
contenido 4
</div>
Espero que fuese lo que querías.