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(
    ... 
);