Posted inUncategorized

stnc easytope (jquery isotope easy alternative )

July 26, 2016

I present the stnc easytope, the simplest version of jquery isotope to your taste,

jquery isotope alternative 

DEMO LINK 

DOWNLOAD  

Github 

image

JQUERY

        var $filterType = jQuery('#filterOptions li.active a').attr('class');

        effect = 'animate bounce-in';

        jQuery(document).ready(function ($) {

            $data = jQuery('.marketing ul.ul-products').clone();

            jQuery($data).appendTo('#selman');

            jQuery('#stnc  li a').on('click', function () {

                $data = jQuery('#selman ul').clone();


                jQuery('#stnc  li a').removeClass('selected');
                jQuery(this).addClass('selected');

                var $filterType = jQuery(this).attr("data-filter-value");


                var $filteredData = $data.find('li[data-type=' + $filterType + ']');
                $(".marketing ul li").remove();
                $($filteredData).appendTo(".marketing ul");
                $('.marketing ul li').addClass(effect);

            });
        });
Tags: