Hallo Leute,
ich wollte für mich eine ausklappbare Baumansicht programmieren und scheitere schon beim Einfachsten.
Hier erstmal der JQuery-Code:
Dann der HTML-Script:
Die Klassen sind im Grunde erstmal nur zur Identifizierung gedacht, wobei Class "liste-zu" display:none enthält und "liste-auf" display:block
Leider passiert nichts, wenn man auf "Schalter" drückt. Im Debugger sieht man auch dass die Klasse "liste-zu" bleibt...
Ich weiss wirklich nicht, wo der Fehler liegt und wäre üer jede Hilfe dankbar!
VG
ich wollte für mich eine ausklappbare Baumansicht programmieren und scheitere schon beim Einfachsten.
Hier erstmal der JQuery-Code:
Code:
function init_baum() { if (!$('ul.baum').length) {return;} $('ul.baum a.baum-knopf').click(function(e) { e.preventDefault(); if ($(this).next('ul').hasClass('liste-zu')) { $(this).next('ul').removeClass('liste-zu').addClass('liste-auf'); } else { $(this).next('ul').removeClass('liste-auf').addClass('liste-zu'); } }); } /
Code:
<ul class='baum'> <li><a href='#' class='baum-knopf'>Schalter</a>Erste Ebene-1</li> <ul class='liste-zu'> <li>Zweite Ebene-1</li> <li><a href='#' class='baum-knopf'>Schalter</a>Zweite Ebene-2</li> <ul class='liste-zu'> <li>Dritte Ebene-1</li> <li>Dritte Ebene-2</li> </ul> <li>Zweite Ebene-3</li> <li>Zweite Ebene-4</li> </ul> <li>Erste Ebene-2</li>
Leider passiert nichts, wenn man auf "Schalter" drückt. Im Debugger sieht man auch dass die Klasse "liste-zu" bleibt...
Ich weiss wirklich nicht, wo der Fehler liegt und wäre üer jede Hilfe dankbar!
VG
Kommentar