网格，点击隐藏其他div的html内容

点击后，我得到我的列表内容出现，并淡出其他股利。

我遇到的问题是点击我的列表中的一个，悬停出现在所有其他列表项目中......这些悬停信息都不应出现。

这里是jQuery的我使用：

$('ul.thumbs li').on('click', function(){ 
    $('ul.thumbs li').find('.description').css('opacity',0); 
    $('ul.thumbs li').not(this).find('.description').css('opacity',1); 
});

为了更好的理解，请找我codepen：

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

你会看到一个缩略图，悬停效果的点击停留在另一侧。

如果有人有任何解决方案，这将是真棒:)

来源

2015-12-07 tibewww

有一个在你使用的是not选择的方式错误。请参阅文档here。为了您的使用情况，你可以用下面的更换前三行：

$('ul.thumbs li').on('click', function(e){ 
    $('ul.thumbs li').find('.description').css('opacity',0); 
    $(e.target).css('opacity',1); 
});

在这种情况下e是被作为参数传递和e.target给在其上注册该事件的目标元素的click事件。

工作笔here

来源

2015-12-07 18:48:06

感谢你:)它的真棒:) 有一些头痛我最后一件事，就是当我点击缩略图，我有我的内容被显示。现在都好。但如果我通过关闭按钮关闭内容，悬停停止工作。。你有什么想法，为什么有任何机会？谢谢你所有的时间！你是明星 – tibewww

在这种情况下，这应该是另一个问题。：P请接受答案，如果它解决了你的问题和/或upvote它。另外我似乎无法找到您的鼠标悬停或悬停效果的代码。把它当作一个单独的问题来处理是很有意义的。 –

网格，点击隐藏其他div的html内容

回答

相关问题