toggle class javascript

$("button").click(function(){
  $("p").toggleClass("main");
 });
 

$( "#foo" ).toggleClass( 'className', addOrRemoveOptional );

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

/* var or const followed by its name */.getElementById(/* HTML element ID */);
/* var or const's name */.classList.toggle(/* Name of CSS class */);
// I hope this helps! 

function myFunction() {
  var element = document.getElementById("myDIV");

    element.classList.toggle("mystyle");
} 

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

// html <div class="parentElm" id="addActive"></div>

// js
function toggleClass(){
  // get the properties of an element
  var element = document.getElementById("addActive");
  
//  check if the element have class list
  if (element.classList) {
    // add active class if true
   element.classList.toggle("active");
  } else {
   var classes = element.className.split(" ");
   var i = classes.indexOf("active");
  }
 }

$('.click-class').click(function() {
    $('.class-toggle').toggle();
    $('.class-toggle').toggleClass('add-class');
})