Bestimmte Elemente auswählen innerhalb eines Listeneintrages

[ballotade]

Hallo Leute,

Ich baue gerade eine Baumansicht. Dafür habe ich die traditionellen Listenzeichen per CSS weg gemacht und im HTML-Text durch Bilder ersetzt.
Wenn es eine neue Liste unter einen bestimmten Listeneintrag gibt, so hat das Bild die Klasse "baum-knopf".
Drückt man ein Bild mit dieser Klasse soll die darunter liegende <ul> sichtbar gemacht werden.
Das hat mit dem Aufruf .next('ul') auch super geklappt, bis zu dem Zeitpunkt, da ich eine checkbox zwischen dem Bild und der neuen <ul> eingefügt habe. Jetzt findet er das <ul> nicht mehr, scheinbar weil .next() wirklich nur das nächste Element auswählt, wenn es dem Parameter entspricht.
Welchen Befehl wäre sinnvoll zu benutzen um das nächte <ul> auszuwählen?

ich habe in etwa folgenden HTML CODE

<ul class='baum'>
     <li>
        <img class="baum-knopf" src="bilder/dreieck.png">
        <input type="checkbox" value="" name="">
        Titel des Listeneintrages        
        <ul class="unsichtbar">
             irgendwelche Listeneinträge
         </ul>
     </li>
   .
   .
   . 
</ul>

Außerdem habe ich folgenden JQuery-Code eingefügt:

          $('ul.baum .baum-knopf').click(function() {
		$(this).next('ul').slideToggle(100);
	}

Ich wäre sehr dankbar für Hilfe, sehe den Wald vor Bäumen nicht...

Danke und vg

[schn]

Das könnte funktionieren:

$( document ).ready(function() {
       $('.baum .baum-knopf').click(function() {
             $(this).nextAll('ul').eq(0).slideToggle(100);
        });
});