(function($) { // init Isotope var $grid = $('.grid').isotope({ itemSelector: '.element-item', percentPosition: true, masonry: { columnWidth: '.grid-sizer', gutter: '.gutter-sizer' } }); var hashType = window.location.hash.substr(1); if (hashType) { var hashFilter = "." + hashType; $grid.isotope({ filter: hashFilter }); var source = $('.button-group'); source.find("button.is-checked").removeClass("is-checked"); source.find("button[data-filter='" + hashFilter + "']").addClass("is-checked"); } // bind filter button click $('#filters').on( 'click', 'button', function() { var filterValue = $( this ).attr('data-filter'); // use filterFn if matches value // filterValue = filterFns[ filterValue ] || filterValue; $grid.isotope({ filter: filterValue }); }); // change is-checked class on buttons $('.button-group').each( function( i, buttonGroup ) { var $buttonGroup = $( buttonGroup ); $buttonGroup.on( 'click', 'button', function() { $buttonGroup.find('.is-checked').removeClass('is-checked'); $( this ).addClass('is-checked'); }); }); })( jQuery ); (function($) { $(".word-rotate").each(function() { var $this = $(this), itemsWrapper = $(this).find(".word-rotate-items"), items = itemsWrapper.find("> span"), firstItem = items.eq(0), firstItemClone = firstItem.clone(), itemHeight = 0, currentItem = 1, currentTop = 0; itemHeight = firstItem.height(); itemsWrapper.append(firstItemClone); $this .height(itemHeight) .addClass("active"); setInterval(function() { currentTop = (currentItem * itemHeight); itemsWrapper.animate({ top: -(currentTop) + "px" }, 300, "easeOutQuad", function() { currentItem++; if(currentItem > items.length) { itemsWrapper.css("top", 0); currentItem = 1; } }); }, 2000); }); })( jQuery );