互斥事件在JavaScript

Question

這是我的佈局和我的javascript：http://jsfiddle.net/HRDNK/1/

懸停在頭像和名字，你可以看到，2彈出式菜單出現。他們只是隱藏，並出現在懸停。我正在使用名爲hoverIntent的插件來簡單地管理超時。

我的問題是，我不能改變這種佈局：用戶名和頭像分開渲染，我的代碼附加到他們兩個，但我希望事件不會觸發時，已經觸發了同一用戶。正如你所看到的，有2個「.title_list」具有相同的id，因爲id是根據用戶的id在渲染過程中定義的。

我需要的是爲相同的用戶有相互隱瞞的懸停事件。如果這是不可能的，一個事件可能會排除任何其他類型的.title_list事件，直到它消失。

我試過這樣做，保持觸發的ID的全局列表，但它進入競爭狀態，並沒有按預期工作。

Answer 1

試試這個：http://jsfiddle.net/HRDNK/2/

基本思路是顯示選中一個之前隱藏所有的氣球。

if(list.children().length>0) { 
    $(".title_list").hide(); 
    list.fadeIn(300); 
} 

課程優化的緣故，你應該創建一個先前參考$(".title_list")，所以你不需要每次鼠標懸停在一個輪廓