Manuale jQuery

Rimuove/aggiunge una o più classi css ad un elemento

Sintassi

$(selector).toggleClass(classname,function(index,currentclass),switch) 

• Classname: nome della classe da aggiungere
• function(index,currentclass): una funzione che restituisce un nome di classe da aggiungere (facoltativo)
• switch: true/false, indica se aggiungere o togliere la classe (facoltativo)

Esempio

<script>
$(document).ready(function(){
	$("button").click(function(){
		$("p").toggleClass("classe2");
	});
});
</script>
<style>
.classe1 {
	font-weight:bold;
}
.classe2 {
	border:1px solid  red;
}
</style>
<p class="classe1">paragrafo.</p>
<button>Cambia classe</button>