[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
 
Discussioni simili
Autore Titolo Forum Risposte Data
E Cambiare l'option di un select con jquery jQuery 1
Z CSS Slideshow senza JS e JQUERY HTML e CSS 2
Z CSS Slideshow senza JS e JQUERY HTML e CSS 2
MarcoGrazia Validazione remota tramite plugin (jquery validate) Snippet Javascript 0
M Come selezionare e deselezionare radiobutton con jquery jQuery 1
M Come validare textarea con jquery jQuery 0
R Aggiornare record mysql con Ajax, jQuery e php Ajax 2
P Funzione jQuery Ajax invio file a php jQuery 1
Cosina Menu fisso copre i titoli quando cliccati nel sommario jQuery Javascript 4
MarcoGrazia jquery validate() controllo checkbox jQuery 2
D assegnare risultato di una jquery ad una text Javascript 2
felino [JQuery] Append dopo ultimo ul li del primo livello jQuery 2
A php metodo post jquery non da mai errore jQuery 4
T problema con select dinamica con jquery Javascript 0
P jquery .load jQuery 10
E Div che scompare con scroll jquery Javascript 0
T script jquery non funziona più dopo il passaggio a MVC jQuery 5
B jQuery - hide & show li items jQuery 13
Y jQuery Animation Switch On Off jQuery 0
claudio_lorenzo [Javascript] aiuto su jquery per calcolo altezze dom Javascript 1
O [Javascript] Conflitto Jquery: forse... Javascript 0
MarcoGrazia jquery validate, necessità di validare almeno un elemento select su due jQuery 1
M inserire i dati ottenuti da una jquery in una tabella già esistente jQuery 1
D Jquery, conflitto tra loro risolvibile? jQuery 7
M Filtrare risultati con valori checkbox passati con jquery jQuery 2
Tommy03 Variabile PHP dentro a JQuery PHP 3
L Problema jQuery validation AJAX (PHP 7) PHP 6
G Campo HTML input file con jQuery jQuery 0
P Jquery event nel foreach php jQuery 3
M leggere con jquery/ajax in una function javascript record di database sql server Javascript 0
A [Javascript] Ajax, Jquery e PHP Javascript 1
trattorino Mentions Auto Suggesting da jquery a php PHP 2
X Problema con jquery e ajax jQuery 2
G Inserzione script nella pagina html per jquery jQuery 8
MarcoGrazia Validazione forum con jquery.validate jQuery 2
Shyson Smoot scrolling jQuery nella pagina jQuery 0
felino [Javascript] [jQuery] Slick Carousel: visualizzare una porzione dell'immagine successiva Javascript 0
L Scelta form con jquery jQuery 1
F [Javascript] Aprire file tramite jquery Javascript 0
R Aiuto Jquery jQuery 1
G [HTML] Jquery e tooltipster's jQuery 5
I Jquery fadeout-fadein html data jQuery 0
trattorino Estrarre Nome Utente jquery div php PHP 9
L jquery e json controllo valori da determinate chiavi - keys jQuery 0
B PHP e JQUERY per scrivere codice html dinamicamente PHP 2
F [Javascript] Jquery radio Javascript 2
otto9due Errore ricorsivo jquery, non capisco da cosa dipenda.. jQuery 1
F [Javascript] Problema funzione jquery con elementi css esterni Javascript 1
P leggere file .csv con javascript/jquery Javascript 11
G [Javascript] jQuery PHP MySql - inserire variabile nel DataBase Javascript 8

Discussioni simili