jQuery单击筛选器列表

Question

道歉，但我对js相当新。基本上我在顶部有主导航（#filter），然后我还有3个列表（#one，#two和#three）。

我想要做的是点击全部时它会显示#one，#two和#three中的所有列表项。然后，当点击One时，它仅显示来自#one的{​​{1}}，Two中的#two和来自Three的{​​{1}}的列表项。

这是帮助的标记。

#three

Answer 1

$(function() {
    $('#filter a').on('click', function(e) {
        e.preventDefault();
        var clicked = $.trim( $(this).text().toLowerCase() );
        if ( clicked == 'all' ) {
            $('#one, #two, #three').show();
        }else{
            $('#one, #two, #three').hide();
            $('#' + clicked).show();
        }

        $(this).closest('li')
               .addClass('current')
               .siblings()
               .removeClass('current');
    });
});