Fare internet

E' come il lego, più pezzi ho più sono allegro
Seguci su Facebook Seguici su Twitter Iscrivita ai nostri Feed      Mandaci una mail

Il metodo toggleClass() di jQuery

Scritto da Fare-internet il 7 maggio 2010 condividi condividi

Il metodo toggleClass() di jQuery pernde uno o più elementi e gli aggiunge la classe che abbiamo passato come parametro se non gli è già stata assegnata, al contrario se la classe già gli è stata assegnata la rimuove.

A seguire un esempio chiarificatore:

Nb: prima dobbiamo inserire il collegamento alla libreria jQuery

Nel head aggiungiamo queste regole css:

<style type="text/css">
*{
        font-family:Verdana, Geneva, sans-serif;
        font-size:14px;
}
a{
        text-decoration:none;
}
a.tog{
        text-decoration:underline;
}
</style>

Susseguentemente scriviamo nel body il seguente codice:

<a href="#">Esempio di toggle</a>
<a href="#">Esempio di toggle 2</a>
<script>
$("a").click(function() {
        $("a").toggleClass("tog")
}
);
</script>

Se clicchiamo su uno dei due link la prima volta verrà aggiunta la classe tog definita nel foglio di stile (a tutti i link nella pagina) al secondo click verrà rimossa.

Tag:  

Twitter