Remoção e adição estrita de classe com o método toggleClass no jQuery

Também é possível passar um parâmetro de estado para o toggleClass, como true ou false. Nesse caso, a classe será apenas adicionada ou apenas removida.

Suponha que temos as seguintes classes CSS:

.red {
	color: red;
}
	
.zzz {
	font-style: italic;
}

A classe zzz é aplicada ao parágrafo:

<p class="zzz" id="test">text</p>
<button>click</button>

Vamos apenas adicionar a classe red ao clicar:

$('button').click(function() {
	$('#test').toggleClass('red', true);
});

Como você pode ver, nenhuma alteração ocorre ao clicar novamente.

Todos os três métodos mencionados para trabalhar com classes - addClass, removeClass, toggleClass também podem aceitar múltiplas classes como parâmetro, e permitem a aplicação de uma função a cada elemento do conjunto.

Corrija o código do exemplo acima - primeiro adicione a classe red no atributo e depois faça com que a classe red seja apenas removida.