30个图像的网格根据点击类别淡入/淡出 - jquery淡入淡出

Question

嗨我有一个大约30个单元的网格，每个单元有两个图像，一个普通的和一个活动的。

接下来我有一个类别列表，根据它们的内容分配给单元格（wordpress生成这些类别）。

点击一个类别后，我需要所有与该类别相关的单元格淡入或保持活动状态，并且所有不在该类别中的单元格都会淡出。

我有wordpress将相关类添加到类别的图块中。

我有一个这样的工作版本，但它真的很慢，而且我编写了比看起来更合适的代码。

有人能让我朝着正确的方向前进吗？

Answer 1

这是一个类似于你要求的演示：

http://jsfiddle.net/jtbowden/AST9r/1/

根据点击的颜色，这会淡入/淡出各种方块。