jquery：懸停功能只有當元素不是。點擊

Question

我一直在嘗試設置下面的腳本沒有成功。

我有元素＃num_11，它在淡出其他幾個元素並在淡出時淡出它們。這是完美的（我已經很自豪）

我想要的是，如果你點擊＃num_11其他元素保持可見。在再次點擊，他們應該再次消失，整個劇本回到原來的「模式」

$("#num_11").hover(
    function(){ 
     $("#identification li").each(function() { 
      $("h1", this).fadeIn(); 
      $("span", this).addClass("opague"); 
     }); 
    }, 
    function(){ 
     $("#identification li").each(function() { 
      $("h1", this).hide(); 
      $("span", this).removeClass("opague"); 
     }); 
    } 
); 

$("#num_11").click(function(){ 
    $(this).toggleClass('clicked'); 
}); 

我在上面的代碼是把$試過（「＃num_11」）。不是（」被點擊「）.hover（和$（」＃num_11：not（「。clicked」）「）。hover（以及一個if-else-query結果混亂...

我真的很感激你的幫助我的挑戰

一切順利， ķ

Answer 1

試試下面的代碼。

$("#num_11").hover(
function(){ 
    if(!$(this).hasclass('clicked')){ 
    $("#identification li").each(function() { 
     $("h1", this).fadeIn(); 
     $("span", this).addClass("opague"); 
    }); 
    } 
}, 
function(){ 
    if(!$(this).hasclass('clicked')){ 
    $("#identification li").each(function() { 
     $("h1", this).hide(); 
     $("span", this).removeClass("opague"); 
    }); 
    } 
}); 
$("#num_11").click(function(){ 
$(this).toggleClass('clicked'); 
}); 

Answer 2

嘗試過濾：

$("#num_11").filter(function() { 
    return !$(this).hasClass('clicked'); 
}).hover(
    ... 
);