使用外部页面中的data-attribute过滤多个div

Question

我有很多链接可以根据数据属性过滤掉一些div。

现在我想将链接和结果div分开到单独的页面。例如：我的页面X包含链接，页面Y包含结果div。当我单击第X页上的链接时，我将被定向到页面Y并显示正确的div。我怎么能以最好的方式做到这一点？是否可以使用数据属性执行此操作？

JS

var target;

$('.filter_link').click(function(e) {
    e.preventDefault();

    if (target != $(this).attr('data-related')) {
        $('.blurb-content').removeClass('fade-in-bottom').addClass('blurb--hidden');
        var $blurbsToShow = $('.cat_' + $(this).attr('data-related'));
        $blurbsToShow.each(function(i) {
        var $self = $(this);
            setTimeout(function() {
                $self.removeClass('blurb--hidden').addClass('fade-in-bottom');
            }, 500 * i);
        });
        target = $(this).attr('data-related');

    } else {
        target = '';

        $('.blurb-content').removeClass('blurb--hidden').removeClass('fade-in-bottom');
    }
});

fiddle