Toggle

toggle between two classes example (jQuery)

HTML

<script src="https://code.jquery.com/jquery-latest.min.js"></script>
<html>
<body>
  <h1>
    Open console with f12
  </h1>
  <div id="button">
    --click me--
  </div>
  
  <div id="element" class="foo">
  </div>

</body>
</html>

JavaScript

var button = document.getElementById('button');
var ddiv = document.getElementById('element');

button.addEventListener('click', alabala);

function alabala()
{
		jQuery(ddiv).toggleClass('foo bar');
    console.log(ddiv.getAttribute('class'))
}