jQuery toggleClass example

Toggle class name on click in jQuery

HTML

<a href="#"><div>test x</div></a>

CSS

body {
  background-color:yellow;
}

a {   
  display:inline-block;
  position:relative;
  width:auto;
  height:auto;
  background-color:white;
  border:5px solid green;
  line-height:30px;
  font-size:30px;
  margin:0;
  padding:0;
  overflow:hidden;
  text-decoration:none;
}

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