Cambio immagine di sfondo jquery

[piccions]

Ciao, sto realizzando un menù espandibile, vorrei fare in modo che al primo click su un link venga sostituita l'immagine di sfondo mentre al secondo click viene visualizzata nuovamente quella di default. Ecco il codice css:

ul#menu li a.espandibile {   
background-color: #dffffd;   
background-image:url(images/freccia_default.gif);   
background-repeat:no-repeat;   
background-position:right;   
color: #313131;	   
padding:5px;  
}

ed ecco il codice jquery

 
function menuLeft() {
  $('#menu ul').hide();
  $('#menu li a').click(
    function() {
        $(this).next().slideToggle('normal');	
      }
    );
  $('#menu li a.espandibile').click(
    function() {
        $(this).css("background-image", "url(images/freccia_click.jpg)"); 
      }
    );
  }
$(document).ready(function() {menuLeft();});

Cliccando sul link con classe="espandibile" viene sostituita l'immagine ma io voglio fare in modo che al secondo click venga visualizzata di nuovo quella di default definita nei css

[piccions]

Ho risolto cosi:


$('#menu li a.espandibile').click(
function() {
if($(this).hasClass("aperto")){
$(this).removeClass('aperto');
$(this).css("background-image", "url(images/freccia_click.jpg)");
}else{
$(this).addClass('aperto')
$(this).css("background-image", "url(images/freccia_default.gif)");
}
}
);