Acceder a un elemento de una lista - Problemilla

[IMAC/]

Buenas

No se por qué, pero he probando tanto con lastChild como con nextSibling como con nextSibling y demás y no consigo acceder a un elmeento para cambiar su style.

Tengo esto basicamente:

Código HTML:

<li class="closed collapsable" style="background-color: rgb(255, 255, 255);">
    <div class="pincha cierra-hitarea expandible-pinchable"/>
    <div class="nada">
        <input type="checkbox" onclick="cambiar(this)" value="m-5" name="idm-2"/>
    </div>
    <span class="pepe"> menu2</span>
    <ul style="display: none;"></ul>
</li> 

La idea es acceder al elemento de:
<ul style="display: none;"></ul>

Desde el checbox situado 2 hermanos más arriba.

Para ello uso la función "cambiar(this)"
Y estaba intentando cambiar el style con esto:

Código HTML:

function cambiar(box){
        if(box.checked){
		box.parentNode.nextSibling.nextSibling.style.display="block";
	}
}

Y nada, que no consigo cambiar es estilo de ningún modo.

¿alguna idea de qué puede estar fallando?

Gracias.

[Didi-chan]

¿Si es una lista no necesitarás un índice para referirte a un elemento de esta? Vamos que nose, como solo he visto el if...

[IMAC/]

Iniciado por Didi-chan

¿Si es una lista no necesitarás un índice para referirte a un elemento de esta? Vamos que nose, como solo he visto el if...

Perdona, no puse la función completa. Ya está actualizado.
Le baso el chekbxo por parámetor en "cambiar(this)" y luego uso el box dentor de la función que viene siendo el objeto chekbox.

Saludos.

[zerokilled]

intenta asi:

Código:

box.parentNode.parentNode.lastChild.previousSibling.style.display="block";

lee el articulo whitespace in DOM, supongo que te ayudara a entender porque tienes problema con lastChild, firstChild, nextSibling y previousSibling.

[IMAC/]

Muchas gracias zerokilled, funciona de maravilla ;)
Saludos!