Para alternar uma classe de um elemento, você usa o toggle()método da classListpropriedade do elemento:
element.classList.toggle(className);Linguagem de código: CSS ( css )Se o elemento tiver o className, o toggle()método o remove. Se o elemento não tiver o className, o toggle()método adiciona o classNameao classList.
Suponha que você tenha o seguinte elemento:
<div class="show">Item</div>Linguagem de código: HTML, XML ( xml )O seguinte ilustra como alternar a showclasse do <div>elemento:
const div = document.querySelector('div');
div.classList.toggle('show');Linguagem de código: JavaScript ( javascript )
