javascript - Hover animation fail -

I'm affecting the animation on the button, but it does not work as it should

I Take the example

Here is jsfiddle:

  $ ('.buttons'). Hover (function () () (); // on Hover $ (this); (('border border color': '# 2E9ECE', 'background color': '# 2E9ECE'}, 'slow '};}, Function () $ // on hover $ (this). ({' Borderbottom color ':' # FFDF 85 ',' background color ':' #FEFEFE '},' slow ');} );    
 
 
 We can also do this by CSS.  
 Add code in your CSS below  
  .buttons {-webkit-transition: all 0.25s easy-in-out; -Mozy-transition: all 0.25s-in-out; -MMS transition : All 0.25s Easy -O-Infection: All 0.25s easy-in-out; Infection: all 0.25s easily out;}   
 Task examples:  
 jQuery Solution:  
  $ ('.button'). Mouseover (function () (// "$ '' background color: '# 000000', 'color': '# 2E9ECE'}, 'Slow');}) .mouseleave (function () {// Hover $ (this). ({'Background-color': '#fff', 'color': '# 333333'}, 'slow' );});