デモページ JavaScript (function($){ $(function() { $('#sort li').on('click', function() { var $this = $(this), $grid = $('#itemList'); $('#sort .active').removeClass('active'); $this.addClass('active'); $grid.shuffle($this.data('group')); }); $('#itemList').shuffle({ group: 'all', speed: 400, easing: 'ease-in-out' }); }); })(jQuery); HTML <div id="sortArea"> <div id="sort"> <ul> <li data-group="all" cl
![スタイリッシュなアニメーションで要素を絞り込み・ソートする「Shuffle.js」 | NAKAZI LAB.(ナカジラボ)](https://cdn-ak-scissors.b.st-hatena.com/image/square/7f9abd1ad077fb391c3d20f46b2832659457c9c7/height=288;version=1;width=512/https%3A%2F%2Fnakazilab.com%2Fwp%2Fwp-content%2Fthemes%2Fnakazilab%2Fthumbnail%2Fthmb_jquery-shuffle.png)