Mhmm me ha venido bastante bien lo que me has dicho... lo de los childNodes sobretodo...
Ahora selecciono todos los ul anidados que cuelgan de la id="lista" (el ul que los anida), aunque yo lo que quiero hacer es seleccionar los ul por separado cuando se lance el evento onclick... ahora lo que me importa es que ya se seleccionar un elemento recorriendo el arbol de elementos...
Lo que he pensado para seleccionar solo uno... es seleccionar el textNode o valueNode (no sé cual de los dos deberia ser) y asignarselo como id a cada ul... asi me seria mas facil manejarlo... o tambien... como voy a usar php... pasarle la id aprovechando una consulta que ya se hacia...
con esa id podria manejar cada ul por separado... si a alguien se le ocurre algo mejor... ×_× Acepto sugerencias jejeje :)
Código:
<!-- Parte del Head -->
<script language="javascript" type="text/javascript">
function funcion() {
if (document.getElementById && document.createElement) {
node = document.getElementById('lista');
for (i = 0; i < node.childNodes.length; i++) {
ul = node.childNodes[i];
if (ul.nodeName == "UL") {
if (ul.style.display != "none") {
ul.setAttribute('style','display: none;');
} else {
ul.setAttribute('style','display: block;');
}
}
}
} else {
alert('Sin soporte DOM :P');
}
}
</script>
<!-- Parte del Body -->
<ul id="lista">
<li><a href="#" onclick="funcion();">Categoria 1</a></li>
<ul>
<li>subCategoria 1</li>
<li>subCategoria 2</li>
<li>subCategoria 3</li>
<li>subCategoria 4</li>
</ul>
<li>Categoria 2</li>
<ul>
<li>subCategoria 1</li>
<li>subCategoria 2</li>
<li>subCategoria 3</li>
<li>subCategoria 4</li>
</ul>
</ul>
Chao y Gracias !!! :)