jQuery + css

[Daniele287]

Ciao non riesco a modificare lo stile di una html con jQuery.
I problema è il seguente:
stò facendo un menù a tendina, quindi l'html è per esempio:

<div id="navigation"> 		
     <ul id="men"> 			[*] <h3> GESTIONE UTENTE </h3> 				  
                <ul> 					[*] Lista utenti iscritti  					[*] Inserisci nuovo amministratore  					[*] Elimina Utente           		 				[/list]			
           		[/list]		
          * 		
          * 		
          * 
</div>

ora la mia idea è semplicemente quella di eseguire una funziona con jQuery che quando clicco su un tag h3 mi appare il sottomenù corrispondente.
La funzione jQuery è:

window.onload = function(){  		
      for( var i=0;i<$("#navigation h3").length;i++ ){ 		
               $("#navigation h3").next().hide("slow");
      }
      
      //funzione che viene chiamata al evento click sul tag <h3> 	

       $("#navigation h3").bind("click",function (event) {   		
                 for( var i=0;i<$("#navigation h3").length;i++ ){ 			
                         $("#navigation h3").next().hide("slow"); 		
                 }//end for	  		

                 $(this).next().toggle("slow");

        });  
}//end window.onload

quello che non riesco a fare è di inserire un immagine diversa per ogni sottomenù.
Praticamente l'immagine la vorrei inserire nel sottomenù (per sottomenù intendo il tag ul fratello di h3 nell'albero DOM).

qualcuno mi può aiutare??

Grazie in anticipo

[Daniele287]

Pensavo di inserire una funzione di questo tipo:

function img(){  	
    var li = $("#men > li"); 		 	
        for( var i=0;i<li.length;i++){ 		 		
             $(li[i]).css("backgroundImage","url(../img/2.jpg)"); 
	}  
}//end img

Ma non funziona non capisco il perchè..