Anzitutto Buongiorno e saluti a tutti, sono parecchi mesi che non entro qui sul forum, quindi mi sembrava doveroso aprire con un mega saluto prima di esporre il mio problemino.
Veniamo a noi sto cercando di creare un mini effetto jquery che mi permetta al primo click su un div o un immagine contenuta al suo interno di far sparire l'immagine e comparire un testo ( e fino a qui ci sono ). Il problema è quando devo fare il contrario. Mi spiego meglio, se uso solo l'immagine fila tutto liscio, se devo togliere anche il testo no.
Come al solito vi lascio lo script che ho prodotto fino ad ora, non sono molto esperto di questo linguaggio, ma mi affascina parecchio. Se qualcuno gentilmente volesse dargli uno'occhiata gliene sarei grato.
Veniamo a noi sto cercando di creare un mini effetto jquery che mi permetta al primo click su un div o un immagine contenuta al suo interno di far sparire l'immagine e comparire un testo ( e fino a qui ci sono ). Il problema è quando devo fare il contrario. Mi spiego meglio, se uso solo l'immagine fila tutto liscio, se devo togliere anche il testo no.
Come al solito vi lascio lo script che ho prodotto fino ad ora, non sono molto esperto di questo linguaggio, ma mi affascina parecchio. Se qualcuno gentilmente volesse dargli uno'occhiata gliene sarei grato.
HTML:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("div#1").click(function(){
$("img.1c").fadeToggle("slow", function(){ $("div#1").html("Prova Test <b>Grassetto</b>"); });
});
});
</script>
</head>
<body>
<div id="1" style="height:80px;"><img class="1c" src="http://photoblogstop.com/wp-content/uploads/2012/07/Sierra_HDR_Panorama_DFX8048_2280x819_Q40_wm_mini.jpg" height="80" ></div>
<div id="2" style="height:80px;"><img class="2c" src="http://photoblogstop.com/wp-content/uploads/2012/07/Sierra_HDR_Panorama_DFX8048_2280x819_Q40_wm_mini.jpg" height="80" ></div>
<div id="3" style="height:80px;"><img class="3c" src="http://photoblogstop.com/wp-content/uploads/2012/07/Sierra_HDR_Panorama_DFX8048_2280x819_Q40_wm_mini.jpg" height="80" ></div>
<div id="4" style="height:80px;"><img class="4c" src="http://photoblogstop.com/wp-content/uploads/2012/07/Sierra_HDR_Panorama_DFX8048_2280x819_Q40_wm_mini.jpg" height="80" ></div>
<div id="5" style="height:80px;"><img class="5c" src="http://photoblogstop.com/wp-content/uploads/2012/07/Sierra_HDR_Panorama_DFX8048_2280x819_Q40_wm_mini.jpg" height="80" ></div>
<div id="6" style="height:80px;"><img class="6c" src="http://photoblogstop.com/wp-content/uploads/2012/07/Sierra_HDR_Panorama_DFX8048_2280x819_Q40_wm_mini.jpg"height="80"></div>
</body>
</html>
