onclick add remove toggle class jquery

Simple jquery onclick functions

by Vishnuprasad ps

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<button class="add">Add</button>
<button class="remove">Remove</button>
<button class="toggle">Toggle</button>
<nav>Navigation menu</nav>

CSS

nav {
  width: 250px;
  height: 150px;
  background: #eee;
  padding: 15px;
  margin-top: 15px;
}
nav.show {
  background: red;
  color: white;
}

JavaScript

$(".add").click(function () {
	$("nav").addClass("show");
});
$(".remove").click(function () {
	$("nav").removeClass("show");
});
$(".toggle").click(function () {
	$("nav").toggleClass("show");
});