bloqhead
11/21/2013 - 4:57 AM

Flyout panel menu.

Flyout panel menu.

$(function() {
    
    var responsive_viewport = $(window).width();
    
    /**
     * Flyout Panel Menus
     */
    if ( responsive_viewport >= 768 ) {

        $('ul.main-navigation .flyout-panel').last().addClass('last');
        $('ul.main-navigation li').hover( function() {
            $('.flyout-panel', this).show().css({ 'display' : 'block' });
            if( $(this).find('.flyout-panel').length > 0 ) {
                $(this).addClass('active');
            }
        }, function(){
            $('.flyout-panel', this).hide().css({ 'display' : 'none' });
            $(this).removeClass('active');
        });

    }
});