網格，點擊隱藏其他div的html內容

Question

我有一個網格顯示懸停的一些信息。

點擊後，我得到我的列表內容出現，並淡出其他股利。

我遇到的問題是點擊我的列表中的一個，懸停出現在所有其他列表項目中......這些懸停信息都不應出現。

這裏是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

你會看到一個縮略圖，懸停效果的點擊停留在另一側。

如果有人有任何解決方案，這將是真棒:)

Answer 1

有一個在你使用的是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