A demo of jQuery toggle method

The Code

Output

<!DOCTYPE html>
<html>
<head>
<script src="https://code.jquery.com/jquery-1.10.1.min.js"></script>

<script>
$(document).ready(function(){
  $("#btn_cls").click(function(){
    $("#class_demo").toggleClass("divclass");
  });
});
</script>
<style>

.divclass
{
  background: #800040;
  font-size:16px;
  width:300px;
  height:50px;
  border-radius:10px;
  color:#fff;   
}
 

</style>
</head>
<body>

<div id="class_demo" class="divclass">A demo of jQuery toggleClass</div>
<p>
<button id="btn_cls">Add/Remove class</button>
</p>
</body>
</html>

A demo of jQuery toggleClass