6 replies

is there a way to toggle multiple CSS classes in one statement?

i have a class called

active

active

that i would like to add to all my

side-bar_menu-text

side-bar_menu-text

classes on the click of a button, but it only adds this class to the first element.

my code:

const collapseMenuBtn = document.getElementById('collapse-menu');

const collapseMenuBtn = document.getElementById('collapse-menu');

const sideBarMenuText = document.querySelectorAll('.side-bar_menu-text');

const sideBarMenuText = document.querySelectorAll('.side-bar_menu-text');

collapseMenu.addEventListener('click', () => {

collapseMenu.addEventListener('click', () => {

console.log('collapse menu')

console.log('collapse menu')

sideBarMenuText.classList.toggle('active');

sideBarMenuText.classList.toggle('active');

});

});

6 replies

i have a class called

active

active

that i would like to add to all my

side-bar_menu-text

side-bar_menu-text

classes on the click of a button, but it only adds this class to the first element.

my code:

const collapseMenuBtn = document.getElementById('collapse-menu');

const collapseMenuBtn = document.getElementById('collapse-menu');

const sideBarMenuText = document.querySelectorAll('.side-bar_menu-text');

const sideBarMenuText = document.querySelectorAll('.side-bar_menu-text');

collapseMenu.addEventListener('click', () => {

collapseMenu.addEventListener('click', () => {

console.log('collapse menu')

console.log('collapse menu')

sideBarMenuText.classList.toggle('active');

sideBarMenuText.classList.toggle('active');

});

});