[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!

Faktycznie - strasznie tez opis zagmatwałem, może poniżej napiszę jak teraz działa skrypt i jakbym potrzebował by dział (na przykładzie wcześniej przytoczonej listy - czyli:

[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 

Pierwotnie wszystkie listy są schowane - widzimy więc:

- Co nowego
- Tylko dla członków
- O nas

po kliknięciu na "Tylko dla członków" lista wygląda tak:

- Co nowego
- Tylko dla członków
---Największe gwiazdy
---Monitoring 24/7
- O nas

a ja chciałem by wyglądała tak:
-Tylko dla członków
---Największe gwiazdy
---Monitoring 24/7

"Co nowego" oraz "O nas" miały sie schować. Taki efekt uzyskuje się po usunięciu z $(this).siblings().find('ul').hide(); funkcji find('ul').

I teraz to czego nie umiem juz zrobić - jak sprawić by po kliknięciu na "Tylko dla członków" lista sie schowała ale jednocześnie pojawiły się napisy "Co nowego" oraz "O nas" - innymi słowy wrócić do punktu pierwotnego.

Pozdrawiam
Darek W.