Oggi vediamo un esempio di come di come realizzare una pagina di Faq (Frequently Asked Questions) che possa aiutare i visitatori del vostro a capirne meglio le funzionalità.
Faremo in modo che ci siano dei link contenenti la domanda, mentre le risposte saranno non visibili; quando il visitatore cliccherà su uno di questi link, allora si visualizzerà la risposta relativa a link cliccato.
Allo stesso tempo verrà nascosta la descrizione del link dove il visitatore aveva precendentemente cliccato.
Iniziamo quindi a referenziare la libreria di Jquery:
Ora creiamo una lista di elementi, ogni elemento sarà composto da un link e da una descrizione:
Ora inseriamo il codice jquery che serve per gestire i link:
Ora vediamo la situazione iniziale della pagina:
Ora clicco il primo link:
Ora clicco il secondo link (notare la descrizione del primo link che viene nascosta):
0 commenti:
Posta un commento