[jQuery] Nascondere elementi multipli

[Hwa-Rang]

Ciao a tutti,
ho un html di questo tipo:

<ul>
   <li class="file"><span class="listTitle">Un bel listone</span>
      <ul class="subList">[*][*][*][/list]
   
   <li class="file"><span class="listTitle">Un bel listone</span>
      <ul class="subList">[*][*][*][/list]
   
   <li class="file"><span class="listTitle">Un bel listone</span>
      <ul class="subList">[*][*][*][/list]
   [/list]

Come potete vedere, tutti i "li" dell'elenco principale hanno la stessa class ("file"), e tutti gli "ul" di secondo livello hanno la classe "subList". Anche gli span hanno tutti una stessa classe ("listTitle").
Quello che vorrei fare io è questo: cliccando su uno span, l'elenco "subList" relativo diventa visiile, e tutti gli altri "subList" eventualmente visibili vengono invece nascosti. Si puó?

Grazie mille a tutti!

[Xinod]

si puo' fare in modi diversi,
se veramente restasse cosi' semplice ti basterebbe fare

  $(document).ready(function(){
	$(".listTitle").click(function(){
		$(".subList").hide();
		$(this).next().show();
	});

  });

ciao

[Hwa-Rang]

Grazie mille! Funziona!
Ho aggiunto qualcosa per far sí che se si clicca sullo span relativo ad un div già visibile, questo si nasconda. Funziona, ma vorrei sapere se si può ottimizzare:

	
$(document).ready(function(){
	$(".subList").hide('fast');
	$(".listTitle").click(function(){
	    $(".subList").hide('fast');
	    if($(this).next(':hidden').length > 0) {
	        $(this).next().show('fast');
	    } else {
	        $(this).next().hide('fast');
	    }
	});
});

Ancora grazie mille!

[Xinod]

mi sembra andare bene gia' cosi'
ciao

[Hwa-Rang]

Ho provato cosí:

$(document).ready(function(){
 	$(".subList").hide('fast');
 	$(".listTitle").click(function(){
 	    $(".subList").hide('fast');
 	   $(this).next().toggle();
 });

Funziona nel senso che il .subList giusto appare e scompare, ma lo fa con un fastidioso effetto "lampeggio". Qualche suggerimento?