Announcement

Collapse
No announcement yet.

Skript für vertikale multi-level Navigation (auf-zuklappbar)

Collapse
X
  • Filter
  • Time
  • Show
Clear All
new posts

  • Skript für vertikale multi-level Navigation (auf-zuklappbar)

    Hallo Forum,
    ich suche für meine mehrfach verschachtelte, vertikale Listennavigation ein Skript, welches eine auf- und zuklapp Funktion enthält. Ich habe inzwischen stundenlang Webseiten nach fertigen Lösungen durchkämmt. Ich bin aber nicht fündig geworden. Ich will weder "Drop-down" noch "Fly-out" verwenden.

    Diese Lösung mit Jquery von Stu Nicholls ist super:
    http://www.stunicholls.com/menu/jquery-slide-1.html#url
    nur weiß ich nicht, wie ich diese Navigation für mehrere Levels umbauen kann.

    Dieses Jquery-Skript ist im Prinzip das was ich suche:
    http://www.bluebit.co.uk/blog/jquery...ble_navigation
    Nur bleiben hier die geöffneten Äste stehen, wenn man auf einen anderen Menüpunkt klickt. Und das soll nicht sein.

    Hat jemand einen Tip für mich, wie ich die jquery-Skripte umbauen kann? Oder gibt es noch eine andere Funktionslösung?

    Würde mich freuen von euch zu hören.
    Peter Ziege

  • #2
    Das habe ich gefunden:
    Code:
    <ul id="navi">
      <li><a href="#">Item 1</a></li>
      <li><a href="#">Item 2</a>
        <ul>
          <li><a href="#">Sub Item 1</a></li>
          <li><a href="#">Sub Item 2</a></li>
          <li><a href="#">Sub Item 3</a></li>
        </ul>
      </li>
      <li><a href="#">Item 3</a></li>
      <li><a href="#">Item 4</a></li>
    </ul>
    Code:
    $(function() {
    	$('#navi ul').hide();
    	$('#navi li:has(ul)').children('a').click(function(event) {
    		$(this).next().slideToggle();
    		$('ul',$(this).parent().siblings()).slideUp();
    		event.stopPropagation();		
    	});
    });
    läuft super

    Comment

    Working...
    X