由30张图片组成的网格，根据点击的类别进行淡入/淡出-jquery淡入

Question

Hi我有一个由大约30个细胞组成的网格，每个细胞有两个图像，一个是普通图像，另一个是活动图像。

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

单击某个类别后，我需要与该类别相关的所有单元格都淡出或保持活动状态，而不在该类别中的所有单元格也都淡出。

我有wordpress将相关的类添加到分类的瓦片中。

我有一个工作版本，但它真的很慢，而且我写的代码比看起来合适的要多得多。

有人能给我指引正确的方向吗？

Answer 1

这里有一个类似于您所要求的演示：

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

这会根据单击的颜色淡入/淡出各种正方形。