Wordpress menu

menu.js

/**
 * WPmenu
 *
 * Horizontal Multilevel Menu with WP MegaMenu Support
 *
 * 3.0 | Wordpress Menu
 */

;(function($){
  "use strict";

  $.fn.wpMenu = function( options ){

    var menu = $(this);

    var defaults = {
      addLast   : false,
      arrows      : false,
      delay       : 100,
      hoverClass  : 'hover',
      mobileInit  : 768
    };
    options = $.extend( defaults, options );


    var init = function(){

      // add '.submenu' class
      $( 'li:has(ul)', menu ).addClass( 'submenu' );

      // append mobile toggle button
      $( 'li:has(ul)', menu ).append( '<span class="menu-toggle"></span>' );

      // add '.mfn-megamenu-parent' class
      menu.children( 'li:has( ul.mfn-megamenu )' ).addClass( 'mfn-megamenu-parent' );

      // add '.last-item' class
      $( '.submenu ul li:last-child', menu ).addClass( 'last-item' );

      // add '.last' class
      if( options.addLast ) {
        $( '> li:last-child', menu ).addClass( 'last' )
          .prev().addClass( 'last' );
      }

      // appand submenu arrows
      if( options.arrows ) {
        $( 'li ul li:has(ul) > a', menu ).append( '<i class="menu-arrow icon-right-open"></i>' );
      }

    };


    var doMenu = function(){

//      console.log( [$(window).width(), options.mobileInit ]);

      if( $(window).width() >= options.mobileInit ){

        // desktop --------------------------------

        $( '> li, ul:not(.mfn-megamenu) li', menu ).hover(function() {

          $(this).stop(true,true).addClass( options.hoverClass );

          $(this).children( 'ul' ).stop(true,true).fadeIn( options.delay );


        }, function(){

          $(this).stop(true,true).removeClass( options.hoverClass );

          $(this).children( 'ul' ).stop(true,true).fadeOut( options.delay );

        });

      } else {

        // mobile ---------------------------------

        $( 'li', menu ).unbind('hover');

        $( 'li > .menu-toggle', menu ).off('click').on('click', function(){

          var el = $(this).closest('li');

          if( el.hasClass( options.hoverClass ) ){

            el.removeClass( options.hoverClass )
              .children('ul').stop(true,true).fadeOut( options.delay );

          } else {

            el.addClass( options.hoverClass )
              .children('ul').stop(true,true).fadeIn( options.delay );

          }

        });

      }

    };


    $(window).bind( 'resize', doMenu );

    var __constructor = function(){
      init();
      doMenu();
    };

    __constructor();

  }

})(jQuery);