.toggle javascript code example

Example 1: classname toggle js

document.getElementById('myButton').onclick = function() {
    this.classList.toggle('active');
}

Example 2: javascript toggle variable

var thing = true; //try changing this to false
thing = !thing; //the variable will go from true to false, or from false to true

Example 3: toggle class javascript

var menu = document.querySelector('.menu') // Using a class instead, see note below.
menu.classList.toggle('hidden-phone');

Example 4: 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;
  }
}