[JQUERY] Cambiare immagine al click, toggle

[webmachine]

Ciao a tutti, sto creando un menu per i dispositivi mobili e vorrei ricreare il classico effetto "Clicchi sul simbolo menu, si apre il menu, clicchi sulla X e si chiude".
Al momento sono riuscito a fare solo questo:

   <script>
    $("#square").click(function () {
      $("#menu").fadeToggle("fast","swing");
    });    
    </script>

che praticamente nasconde/mostra il menu #menu quando si fa click sull'immagine #square.
Ora vorrei implementare la funzione che cambi l'immagine #square in modalità toggle ovvero, a menu chiuso i classici tre trattini, a menu aperto una X per chiudere il menu...

Spero di essermi spiegato,
sapete aiutarmi?

Grazie Mille a tutti in anticipo

 

[criric]

Ciao, puoi provare cosi

$("#square").click(function () {
                    $("#menu").fadeToggle("fast", "swing", function () {
                        $("#square").attr("src", $(this).is(":visible") ? "ics.jpg" : "linee.png");
                    });
                });

in pratica verifichi se l'elemento menu è visible e cambi l'attr src dell'immagine