jQuery toggleClass example

Toggle class name on click in jQuery

HTML

<a class="example" href="#"><div>Example 1</div></a>
<a class="example" href="#"><div>example 2</div></a>
<a class="example" href="#"><div>example 2</div></a>

CSS

body {
  background-color:yellow;
}

.example {   
  display:inline-block;
  position:relative;
  width:auto;
  height:auto;
  background-color:white;
  border:22px solid green;
  text-decoration:none;
}

.example > div { 
  box-sizing: border-box;
  position:relative;
  display:block;
  width:100%;
  height: 100%;
  background-color:blue;
  border:none;
  padding:20px 20px;
  margin:0;
  color:#fff;
  vertical-align:bottom;
}