javascript - 为过滤器创建多个层-sorting.js

Question

因此，通过典型的 JS 过滤，您可以设置类别 ABCD 并以这种方式对图库进行排序。

我希望能够添加另一层。

所以你有一个有 12 个街区的画廊。有些会链接到照片，有些会链接到视频。他们都是狗猫和鸟。

我希望能够在照片或视频之间设置一级过滤器。然后下一层过滤将进一步定义 - 狗猫或鸟。

所有 - 照片 - 视频
所有 - 狗 - 猫 - 鸟类

我在这里设置了典型的 1 级过滤：

$(document).ready(function () {
    $('ul#filter a').click(function () {
        $(this).css('outline', 'none');
        $('ul#filter .current').removeClass('current');
        $(this).parent().addClass('current');

        var filterVal = $(this).text().toLowerCase().replace(' ', '-');

        if (filterVal == 'all') {
            $('ul#portfolio li.hidden').fadeIn('slow').removeClass('hidden');
        } else {

            $('ul#portfolio li').each(function () {
                if (!$(this).hasClass(filterVal)) {
                    $(this).fadeOut('normal').addClass('hidden');
                } else {
                    $(this).fadeIn('slow').removeClass('hidden');
                }
            });
        }

        return false;
    });
});

jsfiddle