[JQUERY] Cambiare immagine al click, toggle

webmachine

Utente Attivo
12 Gen 2016
43
0
6
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:
Codice:
   <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

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
Ciao, puoi provare cosi
Codice:
$("#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