Método toggle do objeto classList

O método toggle do objeto classList alterna uma classe CSS especificada do elemento: adiciona a classe, se ela não estiver presente, e remove, se estiver.

Sintaxe

elemento.classList.toggle(classe);

Exemplo

Neste exemplo, ao usar o método toggle a classe zzz será removida, pois já está presente no elemento:

let elem = document.querySelector('#elem');
elem.classList.toggle('zzz');

Resultado da execução do código:

Exemplo

Neste exemplo, ao usar o método toggle a classe zzz será adicionada, pois não está presente no elemento:

let elem = document.querySelector('#elem');
elem.classList.toggle('zzz');

Resultado da execução do código:

Veja também

método classList.add,
que adiciona uma classe especificada
método classList.remove,
que remove uma classe especificada
método classList.contains,
que verifica uma classe especificada