Комбинация Click with hover

Question

Мне нужно, чтобы этот код работал, поэтому, когда элемент щелкнул мышью, мышь не исчезнет из элемента.

$('.link1').hover(function(){ 
    $('#image1').fadeIn(); 
},function(){ 
    $('#image1').fadeOut(); 
}).click(function(){ 
    $('#image1').css('display','block'); 
}); 

Заранее спасибо.

Answer 1

$('.link1').hover(function(){ 
    $('#image1').fadeIn(); 
},function(){ 
    var clicked = $(this).data('clicked'); 
    if(!clicked) $('#image1').fadeOut(); 
}).click(function(){ 
    $(this).data('clicked', true); 
    $('#image1').css('display','block'); 
}); 

Answer 2

Добавьте атрибут, чтобы его можно было проверить.

$('.link1').hover(function(){ 
    if(!$('#image1').is(':visible')) $('#image1').fadeIn(); 
}, function(){ 
    if(!$(this).attr("clicked")) $('#image1').fadeOut(); 
}).click(function(){ 
    $(this).attr("clicked", true); 
    $('#image1').css('display','block'); 
});