jQuery – Off-canvas reveal class applier

off-canvas.js

  var canvas_reveal = function ( container, link_element ) {
    var element_active = false;
    var toggle_element = function() {
      if ( element_active ) {
        container
          .addClass( 'closed' )
          .removeClass( 'open' );
        element_active = false;
      }
      else {
        container
          .addClass( 'open' )
          .removeClass( 'closed' );
        setTimeout( function() {
          element_active = true;
        }, 200 );
      }
    };
    // Open cart
    link_element.on( 'click', function( e ) {
      e.preventDefault();
      e.stopPropagation();
      toggle_element();
    } );

    // Close cart
    $( document ).click( function() {
      if ( true == element_active ) {
        toggle_element();
      }
    } );
    container.click( function( e ) {
      e.stopPropagation();
    } );
  }

  canvas_reveal(
    $( '.trigger' ),  // Off-canvas element
    $( '.target' )    // Trigger
  );