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
Außerdem habe ich folgenden JQuery-Code eingefügt:
Ich wäre sehr dankbar für Hilfe, sehe den Wald vor Bäumen nicht...
Danke und vg
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
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>
Code:
$('ul.baum .baum-knopf').click(function() { $(this).next('ul').slideToggle(100); }
Danke und vg
Kommentar