Fabian: jQuery next() Selector Problem mit IE

Beitrag lesen

Hallo!

Ich habe ein Menu gebastelt das auf Listen aufbaut. Ein wenig verschachtelt und vielleicht nicht ganz die feine englische Art, aber es funktioniert ... zu mindest im FF und Opera. Nur der IE macht nicht mit.

Es dreht sich um Folgendes: Ein Klick auf einen Link öffnet entweder eine neues Seite oder zeigt einen weiteren Ast in der Baumansicht.
Dafür verwende ich den jQuery Selector next() für den nächsten Knoten.
Zu sehen unter http://www.ka-jungs.de/volleyball/
Das Problem taucht in der zweiten Ebene unter "Mannschaften" auf. Während im FF ein weiteres Untermenu auf-/zuklappt, versteckt/zeigt der IE den nächsten Mannschaftsnamen.

Im HTML sieht das so aus:

    <div class="mannschaft gruppe">Mannschaften</div>  
      <ul>  
        <li class="mannschaft">Herren 1</li>  
        <ul class="versteckt">  
            <li><a href="mannschaft.php?mannschaft=Herren1">Team</a></li>  
            <li><a href="spielplan.php?mannschaft=Herren1">Spielplan</a></li>  
            <li><a href="#">Bilder</a></li>  
          </ul>  
        <li class="mannschaft">Herren 2</li>  
        <ul class="versteckt">  
            <li><a href="mannschaft.php?mannschaft=Herren2">Team</a></li>  
            <li><a href="spielplan.php?mannschaft=Herren2">Spielplan</a></li>  
            <li><a href="#">Bilder</a></li>  
          </ul>  
        <li class="mannschaft">Herren 3</li>  
        <ul class="versteckt">  
            <li><a href="mannschaft.php?mannschaft=Herren3">Team</a></li>  
            <li><a href="spielplan.php?mannschaft=Herren3">Spielplan</a></li>  
            <li><a href="#">Bilder</a></li>  
          </ul>  
....  

Der FF erkennt (meiner Ansicht nach richtig) die nächste Liste (ul) als Nachfolger der mit next() angesprochen wird.
Der IE wählt allerdings den nächsten Listenpunkt (li) als Nachfolger aus und überspringt die Liste.
Man kann jetzt monieren, dass die Liste nicht korrekt aufgebaut wurde: Die innere Liste mit den Unterpunkten müsste eingentlich auch ein Listenelement sein. Aber Anzeigetechnisch ist das "besser" und vor allen Dingen sehr viel einfacher zu realisieren.

Ach ja, das jQuery sieht so aus:

	$(".mannschaft").click(function() {  
		$(this).next().toggle('normal');  
	});

Ich wäre froh über einen Hinweis oder Vorschlag auf JS Basis, da mich das PHP Skript schon einige schlaflose Nächte gekostet hat. Falls ich aber zu falsch liege muss ich mich da wohl nochmal ran trauen.

Danke!

Gruß
Fabian