scripts.js 619 B

12345678910111213141516171819202122232425262728
  1. ( function( $ ) {
  2. $( '#toggle-menu' ).on( 'touchstart click', function(e) {
  3. e.preventDefault();
  4. var $body = $( 'body' ),
  5. $page = $( '#page' ),
  6. $menu = $( '#menu' ),
  7. transitionEnd = 'transitionend webkitTransitionEnd otransitionend MSTransitionEnd';
  8. $body.addClass( 'animating' );
  9. if ( $body.hasClass( 'menu-visible' ) ) {
  10. $body.addClass( 'right' );
  11. } else {
  12. $body.addClass( 'left' );
  13. }
  14. $page.on( transitionEnd, function() {
  15. $body
  16. .removeClass( 'animating left right' )
  17. .toggleClass( 'menu-visible' );
  18. $page.off( transitionEnd );
  19. } );
  20. } );
  21. } )( jQuery );