animate not working with animation type?

Question

JavaScript

This code works without specifying the animation type - easeInSine, specifying - no, I tried other types, it does not work either. Why is the syntax correct?

$(document).ready(function() {
  $('#dashboard').hover (
    function() {
      $(this).animate( {marginLeft: '0px',backgroundColor: 'rgb(27,45,94)'},800,'easeInSine');
      //$(this).addClass( "fon" );
    }
    ,
    function() {
      $(this).animate({marginLeft: '-160px',backgroundColor: 'rgb(55,85,124)'	},800, 'easeInSine'
      );
    });
});

Answer 1

this is a non-standard animation type, you need to include gsgd.co.uk/sandbox/jquery/easing