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

我有一个显示悬停信息的网格

单击后，我将获得显示的列表内容，它将淡出另一个div

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

以下是我正在使用的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);
});

为了更好地理解，请找到我的代码笔：

您将看到，单击一个缩略图时，悬停效果保持在另一个缩略图上

---

如果有人有任何解决方案，那就太棒了：）

您使用

而不是
选择器的方式有错误。请参阅文档。对于您的用例，您可以将前三行替换为以下内容：

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

在这种情况下，
e
是作为参数传递的单击事件，而
e.target
给出了注册事件的目标元素

工作笔是
谢谢：）太棒了：）我最头疼的事情是，当我点击缩略图时，我的内容被显示出来了。现在一切都好了。但如果我通过关闭按钮关闭内容，悬停将停止工作。你知道为什么吗？谢谢你所有的时间！！！你是明星如果是那样的话，那应该是另一个问题P如果答案解决了您的问题，请接受并/或投票表决。此外，我似乎找不到你的鼠标悬停效果所在的代码。把这当作一个单独的问题来处理是很有意义的。