[JavaScript][Jquery] Lista rozwijana. Opcje

[cykcykacz]

Witam,
mam skrypt dzięki któremu rozwijam i zwijam listę:

[JAVASCRIPT] pobierz, plaintext 
$(document).ready(function(){
$( '#menu > li > ul' )
	.hide()
	.click(function( e ){
		e.stopPropagation();
	});
  $('#menu > li').toggle(function(){
	  $(this).find('ul').slideDown();
  }, function(){
  	$( this ).find('ul').slideUp();
  });
});
[JAVASCRIPT] pobierz, plaintext 

Kod html

[HTML] pobierz, plaintext 
      <ul id="menu">
        <li><a href="#">Co nowego?</a>
          <ul class="active">
            <li><a href="#">Specjalności tygodnia</a></li>
            <li><a href="#">Zdjęcia z ostatniej nocy!</a></li>
            <li><a href="#">Komentarze użytkowników</a></li>
          </ul>
        </li>
        <li><a href="#">Tylko dla członków</a>
          <ul>
            <li><a href="#">Największe gwiazdy</a></li>
            <li><a href="#">Monitoring 24/7</a></li>
          </ul>
        </li>
        </li>
        <li><a href="#">O nas</a>
          <ul>
            <li><a href="#">Ochrona prywatności</a></li>
            <li><a href="#">Regulamin strony</a></li>
            <li><a href="#">Kontakt</a></li>
          </ul>
        </li>
      </ul>
[HTML] pobierz, plaintext 

Fajnie rozwija sie zwija się.
Ale nie wiem jak zrobić żeby klikając na jedno drzewo reszta list była zwinięta?

Rozumiecie o co chodzi obecnie działa tak, klikam na "Co nowego?" lista rozwija się następnie klikam na "Tylko dla członków" lista rozwija się i mam dwie rozwinięte listy.
A chcę aby tylko jedna lista była rozwinięta. Czyli klikając na "Tylko dla członków" lista która wcześniej była rozwinięta "Co nowego?" zwineła się.

[slash83]

Witam serdecznie!

Zastosowałem rozwiązanie zaprezentowane przez uzytkownika 'nospor', działa to pięknie, ładnie, kod prosty i zrozumiały. Nioestety potrzebuję zrobić troszkę inny efekt.
Otóż przy rozwinięciu jednej listy potrzebowałbym aby zwijały się poprzednik, ale dodatkowo pozostałe nagłówki list. To nie było trudne bo zamiast:

Kod

$("#menu > li").click(function() {
            $(this).siblings().find('ul').hide();
            $(this).find("ul").slideToggle("slow");
        });

wystarczy dać:

Kod

$("#menu > li").click(function() {
            $(this).siblings().hide();
            $(this).find("ul").slideToggle("slow");
        });

Ale teraz przy zwijaniu tej konkretnej listy chciałbym aby pojawiły sie nagłówki również wszystkich pozostałych.

Kombinuję, kombinuję i już pomysłu nie mam na to.

Pozdrawiam
Darek W.

Ten post edytował slash83 29.07.2014, 08:44:55