html - jQuery .hover not toggling class, what am I doing wrong? -

<li class="animated abutton"><a href="#about">about me</a></li> 

$('.abutton').hover(   function() {     $(this).toggleclass('shake');   } ); 

i trying add class shake animate css on hover, not working, not sure doing wrong.

it seems working.

$('.abutton').hover(    function() {      $(this).toggleclass('shake');    }  );

.shake {    color: #ff0;  }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>  <li class="animated abutton"><a href="#about">about me</a></li>