網格，點擊隱藏其他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內容

回答

相關問題