adding custom animation while toggling

adding custom animation while toggling

Hey guys , checkout my fiddle  , its the most simplistic of toggle menus , 

now see how the menu does't have any effect while toggling , how can i add a custom animation , while the menu toggles ?? 

Please advice .

Jquery menu code below: 


  1. $('#r-menu').on('click', function () {
  2.     $('#menu').toggle(); // end toggle
  3. });

Thank you . 

Gautam.