Ajax 使用jquery创建可排序的公文包

我已在此处为我的新投资组合网页创建了布局：

我想有一个标签（所有，标志设计，营销，网页设计，打印设计）的传奇，当这些标签被点击时，页面过滤结果，并显示他们像他们目前显示。首先，我希望显示所有项目，但当用户单击标签（比如“打印设计”）时，列表将被过滤并显示

如果我将此作为图例：

当logo被点击时，我希望所有带有“logo”类的div保持不变，所有带有其他类的div淡出

jquery中最简单的方法是什么。请注意：我对jquery不是很有经验，因此请尽可能彻底和防白痴。

首先将适用于每个项目的类（logodesign、marketing、webdesign、printdesign）添加到分配数字类的div中

然后创建要为每个标记筛选的链接，如：

<a href='#' class="logodesign">Logo Design</a>

---

虽然这不是对我问题的直接回答，但我找到了一本关于如何实现我想要的东西的教程。在这里：

---

非常感谢。我试试看。我输入了脚本（如下），出现了一个错误，我在这里做错了什么$（文档）.ready（函数（）{var$projects=$（'#projects'）；$（'a.logodeDesign'）。单击（函数（）{hideAll（）；showTag（'logodeDesign'）；}）；函数showTag（tag）{$projects.find（'div.+tag）stop（true）.fadeIn（）}函数hideAll（）{$projects.find（'div.logodeDesign，div.marketing，div.webdeisgn，div.preintdesign'）。fadeOut（）}); 很抱歉，丢失了一个。在停止命令之前。我已经更新了答案中的代码，我发现这与我想要的非常相似。我将努力使用这个：

var $projects = $('#projects');
$('a.logodesign').click(function() {
    hideAll();
    showTag('logodesign');
});
function showTag(tag){
    $projects.find('div.'+tag).stop(true).fadeIn();
}
function hideAll(){
    $projects.find('div.logodesign, div.marketing, div.webdeisgn, div.preintdesign').fadeOut();
}