jQuery(document).ready(function($) { /*------------------------------------------------ DECLARATIONS ------------------------------------------------*/ var scroll = $(window).scrollTop(); var scrollup = $('.backtotop'); var menu_toggle = $('.menu-toggle'); var nav_menu = $('.main-navigation ul.nav-menu'); var featured_slider = $('.featured-slider-wrapper'); var client_slider = $('.client-slider'); var trending_slider = $('.trending-slider'); var posts_height = $('.blog-posts-wrapper article .post-item'); var masonry_gallery = $('.grid'); var portfolio_gallery = $('.portfolio-grid'); /*------------------------------------------------ BACK TO TOP ------------------------------------------------*/ $(window).scroll(function() { if ($(this).scrollTop() > 1) { scrollup.css({bottom:"25px"}); } else { scrollup.css({bottom:"-100px"}); } }); scrollup.click(function() { $('html, body').animate({scrollTop: '0px'}, 800); return false; }); /*------------------------------------------------ MAIN NAVIGATION ------------------------------------------------*/ menu_toggle.click(function(){ $(this).toggleClass('active'); nav_menu.slideToggle(); }); $('.main-navigation .nav-menu .menu-item-has-children > a').after( $('') ); $('button.dropdown-toggle').click(function() { $(this).toggleClass('active'); $(this).parent().find('.sub-menu').first().slideToggle(); }); $(window).scroll(function() { if ($(this).scrollTop() > 1) { $('.menu-sticky #masthead').addClass('nav-shrink'); } else { $('.menu-sticky #masthead').removeClass('nav-shrink'); } }); if( $(window).width() < 1024 ) { $('#primary-menu').find("li").last().bind( 'keydown', function(e) { if( e.which === 9 ) { e.preventDefault(); $('#masthead').find('.menu-toggle').focus(); } }); $('#primary-menu').find("li").last('button:not(.active)').bind( 'keydown', function(e) { if( e.which === 9 ) { e.preventDefault(); $('#masthead').find('.menu-toggle').focus(); } }); } else { $( '#primary-menu > li:last-child' ).unbind('keydown'); } $(window).resize(function() { if( $(window).width() < 1024 ) { $('#primary-menu').find("li").last().bind( 'keydown', function(e) { if( e.which === 9 ) { e.preventDefault(); $('#masthead').find('.menu-toggle').focus(); } }); $('#primary-menu').find("li").last('button:not(.active)').bind( 'keydown', function(e) { if( e.which === 9 ) { e.preventDefault(); $('#masthead').find('.menu-toggle').focus(); } }); } else { $( '#primary-menu > li:last-child' ).unbind('keydown'); } }); $('#masthead .menu-toggle').on('keydown', function (e) { var tabKey = e.keyCode === 9; var shiftKey = e.shiftKey; if( $('#masthead .menu-toggle').hasClass('active') ) { if ( shiftKey && tabKey ) { e.preventDefault(); nav_menu.slideUp(); $('#masthead .menu-toggle').removeClass('active'); }; } }); /*------------------------------------------------ SLICK SLIDER ------------------------------------------------*/ featured_slider.slick({ responsive: [ { breakpoint: 992, settings: { slidesToShow: 1 } }, { breakpoint: 767, settings: { slidesToShow: 1, arrows: false } } ] }); trending_slider.slick({ responsive: [ { breakpoint: 992, settings: { slidesToShow: 2 } }, { breakpoint: 767, settings: { slidesToShow: 1, arrows: false } } ] }); /*------------------------------------------------ MATCH HEIGHT ------------------------------------------------*/ $('.single #primary .navigation a').matchHeight(); $('#mustread .entry-container').matchHeight(); $('#tips .entry-container').matchHeight(); $('#featured .entry-container').matchHeight(); $('#popular .entry-container').matchHeight(); /*------------------------------------------------ Tabs ------------------------------------------------*/ $('#portfolio ul.tabs li').click(function(event) { event.preventDefault(); var tab_id = $(this).attr('data-tab'); $('#portfolio ul.tabs li').removeClass('active'); $('#portfolio .tab-content').removeClass('active'); $('#portfolio .tab-content').fadeOut(); $(this).addClass('active'); $("#"+tab_id).fadeIn(); }); $('#details ul.tabs li').click(function(event) { event.preventDefault(); var tab_id = $(this).attr('data-tab'); $('#details ul.tabs li').removeClass('active'); $('#details .tab-content').removeClass('active'); $('#details .tab-content').fadeOut(); $(this).addClass('active'); $("#"+tab_id).fadeIn(); }); /*------------------------------------------------ MASONRY GALLERY ------------------------------------------------*/ masonry_gallery.imagesLoaded( function() { masonry_gallery.packery({ itemSelector: '.grid-item' }); }); portfolio_gallery.imagesLoaded( function() { portfolio_gallery.packery({ itemSelector: '.portfolio-grid-item' }); }); /*------------------------------------------------ END JQUERY ------------------------------------------------*/ });