单击function，css仅在此项目上添加类

我有一个图像为灰色的网格，在hover图像时会变色（图像无法设置为背景图像以供参考）。

当hover图像时，会出现一个文本， click此处，我有一个切换内容。

这是我的两个问题：

1在切换时，只有项目图像有点击应该着色，实际上它们都会不幸地变色。 （测试secodn行的第一项）

我试图使用$(this).prev但没有成功。

（见代码）

 //** HERE THE TOGGLE FUNCTION **/ $('#toggle').click(function() { $('.toggle').slideToggle('fast'); return false; }); $('#toggle').click(function() { $('.toggleaction').addClass('current'); if($('.toggleaction').toggleClass('current')){ $('.hide').toggleClass('displayon'); $('img.grayscale').css('-webkit-filter', 'grayscale(0%)'); } }); 

– 编辑：

通过替换得到它：

 $('#toggle').click(function() { $('.toggle').slideToggle('fast'); return false; }); $('#toggle').click(function() { $('.toggleaction').addClass('current'); if($('.toggleaction').hasClass('current')){ $('.hide').addClass('displayon'); $('img.grayscale.oui').toggleClass('color'); } }); 

2 /如果我添加更多切换部分，单击一个，它们都不会出现。 ..

任何帮助都会令人难以置信!!!! 如果您有任何建议，请让我知道 ：）

要查看完整的代码：

http://codepen.io/anon/pen/KNRBQX

– -编辑

我得到1 /工作正常，看到更新的codepen