Il codice qui sotto dovrebbe parlare da solo, in ogni caso farò una breve introduzione. JQuery è un framework javascript che ci permette in modo facile e veloce di trasformare pagine statiche in vere e proprie interfaccie in stile Web 2.0.
Il codice che sto per mostrarvi non fa altro che nascondere e mostrare il testo contenuto in un tag. Per poterlo usare dovremo fare solo 2 cose:
- Assegnare l’attributo id descrizione_prodotto il tag che contiene il testo “mostra/nascondi testo”;
- Assegnare l’attributo id testo_descrizione_prodotto il tag che contiene il testo da mostrare e nascondere
Quindi dovremo includere jQuery nella nostra pagina ed incollare il codice qui sotto. Come è facile notare, si tratta di un codice molto banale, ma dall’effetto grafico assicurato.
<script src=”jquery-1.3.js” type=”text/javascript”>
<script>
var stato= true;
$(document).ready(function() {
$(‘#descrizione_prodotto’).click(function() {
if (stato)
$(‘#testo_descrizione_prodotto’).show(‘slow’);
else
$(‘#testo_descrizione_prodotto’).hide(‘slow’);
stato= !stato;
});
$(‘#testo_descrizione_prodotto’).hide(‘slow’);
});
</script>
