Question

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

当悬停图片时，会在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

--- EDIT

我得到1 /工作正常，请参阅更新的codepen

点击功能，css仅在此项目上添加课程

0 个答案: