javascript toggle code example
Example 1: toggle css class in javascript
.getElementById();
.classList.toggle();
Example 2: classname toggle js
document.getElementById('myButton').onclick = function() {
this.classList.toggle('active');
}
Example 3: javascript toggle variable
var thing = true;
thing = !thing;
Example 4: toggle class javascript
var menu = document.querySelector('.menu')
menu.classList.toggle('hidden-phone');
Example 5: how to get a toggle button to do different js functions
var clicked = false;
function toggleBtnClick() {
var img = document.getElementById('baseImg');
if (clicked) {
img.src = 'http://via.placeholder.com/350x150/e9e9e9/000000';
clicked = false;
} else {
img.src = 'http://via.placeholder.com/350x150/3fafed/000000';
clicked = true;
}
}
Example 6: toggle class to an element javascript
function toggleClass(){
var element = document.getElementById("addActive");
if (element.classList) {
element.classList.toggle("active");
} else {
var classes = element.className.split(" ");
var i = classes.indexOf("active");
}
}