[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ę.

[cykcykacz]

Ja znalazłem takie rozwiąznie w google. Wasze też są fajne ale mi odpowiada to bardziej:

[JAVASCRIPT] pobierz, plaintext 
<script type="text/javascript">
$(document).ready(function () {
	$("#nav li:has(ul)").click(function (event) {
		if (this == event.target) {
			$(this).toggleClass('clicked').children('ul').slideToggle();
			$(this).find('li:has(ul)').removeClass('clicked').find("ul").slideUp();
			$(this).siblings().removeClass('clicked').find("ul").slideUp();
		}
	}).addClass('has_ul');
});
</script>
[JAVASCRIPT] pobierz, plaintext 

Kod

<style type="text/css">
#nav {font: bold 12px/25px arial, sans-serif;}
#nav ul {display:none;}
</style>

Ten post edytował cykcykacz 18.09.2013, 12:59:05