jquery - 我的 "view by category"jquery 代码可以缩短或改进吗？

Question

我正在尝试更新我的摄影网站并使用 jquery 显示或隐藏我的作品集的“类别”。我进行了彻底的搜索，最终在这里找到了这个解决方案:

http://jsfiddle.net/EwNRJ/145/

它工作正常。当您单击某个类别的按钮时，它会隐藏其余部分并显示该类别。不过，代码是不是太乱了，或者可以缩短吗？你们中的任何代码忍者知道它是否合法或可以精简吗？

我主要关心隐藏其他类别的方式。对于每个功能，我一一列出了所有其他类别，并“显示”您单击的类别。因此，如果用户单击“肖像”，我首先显示肖像类，然后一一隐藏所有其他类(风景、个人等)。如果我以后添加一个类别，我将必须更新每个功能。没什么大不了的，只是想确保没有更好的方法，并且我的代码看起来不错，并且不会因为我是 jquery 新手而导致任何内存问题。

提前致谢，祝您有美好的一天。

附注如果任何真正的绝地武士想看另一件事，只是稍微困扰我；现在，每个 div 几乎一个接一个地消失。有没有办法暂停或采取其他措施，让它们更加一致地消失？我希望这是有道理的。我只是希望(如果可能的话)它们能够一起消失，而不是像多米诺骨牌一样迅速地一一折叠。好的。再次感谢!

Answer 1

试试这个:

$('button').click(function() {
    $(this).siblings('.post').hide() // or $('.post').hide()
    $('.' + this.id).show(500);
});

$('#showall').click(function() {
    $('.post').show(500);
});

DEMO