Jquery:悬停时显示/隐藏 div。点击时显示

Question

假设我有一个带有 .description 类的 div。

我希望当用户将鼠标悬停在另一个带有 .image 类的 div 上时显示 div.description。

但是，当用户单击 div.image 时，我希望 div.description 保持可见。因此，如果用户单击 .image，则不应应用 mouseleave 事件。

最后，当用户再次单击.image时，应再次激活悬停功能。这样当鼠标离开.image1时，div.description将再次隐藏。

希望大家能帮帮我!

Answer 1

var cancel = false;
$(".another").hover(function(){
    $("div.description").show();
},function(){
  if(!cancel)
  $("div.description").hide();
});

$(".image").click(function(){
  cancel = (cancel)?false: true;
});