bei Klick nächstes Element ausblenden

[Matze]

Hallo,

ich habe eine Überschrift und darunter eine Liste.

  
<h3>Überschrift</h3>  
<ul>  
    <li>foo</li>  
    <li>bar</li>  
</ul>

Beim klick auf die Überschrift soll nun die Liste ausgeblendet werden.
An die Überschrift komm ich mit JS über target, aber ich weiß nicht wie ich die nachfolgende Liste ansprechen kann.
Ich habe es mit nextSibling versucht, aber da erhalte ich immer nur #text :(

function handleClicks(e){  
	var e=(window.event)?window.event:e;  
	var o=(window.event)?e.srcElement:e.target;  
	liste = o.nextSibling;  
        // dachte das funzt*  
        // liste.style.display = 'none';  
        // tut es aber nicht ;)  
	alert(liste);  
}  
window.document.addEventListener("click", handleClicks, false);

Könnte mir bitte jemand sagen wie ich an die <ul> komme?
Bin ich mit nextSibling auf dem richtigen Weg? Was mach ich falsch?

Danke und Grüße, Matze