23/06/11

Realizzare delle Faq per il vostro sito con JQuery

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

 
Design by Free WordPress Themes | Bloggerized by Lasantha - Premium Blogger Themes | Grants For Single Moms