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

Question

我们假设我有一个.description班级的div .

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

但是,当用户点击时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;
});