jebu1104
11/23/2016 - 4:07 AM

mega-nav js

mega-nav js

jQuery.noConflict();
(function($) {
$(function(){

    //Mega Nav
    $('ul.main-nav > li').hoverIntent({
      'timeout': 200,
      over: function(){
        var $this = $(this);
        $this.siblings('li').removeClass('hover');
        $this.addClass('hover');
      },
      out: function(){
        $(this).removeClass('hover');
      }
    });

    if ( $(window).width() < 1024) {

        $('.menu-icon').click(function(e) {
            e.preventDefault();
            $(this).toggleClass('active');
            $('.main-nav').toggleClass('active');
        });

        $('.main-nav li.has-sub').each(function(){
            $(this).find('a').first().addClass('main-link');
        });

        $('.main-nav div').click(function(e) {
            if (e.target.tagName == 'A') {
                return;
            }
            e.preventDefault();
            $(this).toggleClass('active').next('.sub-menu').toggleClass('active');
        });

    }

    /* prepend menu icon */
        var $menu = $('.main-nav'),
        $menulink = $('.menu-icon');
        $menulink.click(function(e) {
            e.preventDefault();
            $menulink.toggleClass('active');
            $menu.toggleClass('active');
        });

    /* toggle nav */
    $("#menu-icon").on("click", function(){
        $(".main-nav").slideToggle();
        $(this).toggleClass("active");
    });



});
})(jQuery);