onclick auf einem LI

HUhu allerseits,

ich bin gerade mal wieder über einen "merkwürdigen" Effekt gestolpert.

Wenn ich eine Liste definiere

<ul>

    <li id="elem">Element

    <ul>

        <li>Unterlement</li>

    </ul>

    </li>

</ul>

die ein Unterelement enthält, und nun folgendes script laufen lasse

$('elem').onclick = function(elem) { initTree(elem); }


function initTree(elem) {

for ( var i=0; i<elem.childNodes.length; i++ ) {

if ( elem.childNodes[i].tagName && elem.childNodes[i].tagName.toLowerCase()=='li' ) {

elem.childNodes[i].style.display = (elem.childNodes[i].style.display!='none') ? 'none' : 'block';

}

}

}

also prinzipiell unternodes ausblenden.

Klicke ich jetzt auf das UL/LI, welches als Unterliste in der Hauptliste liegt, wird das onclick des eltern-LI ausgeführt, da ich ja innerhalb des eltern-LIs bin. Kann ich das irgendwie verhindern?

gruß

Jan