показать / скрыть при наведении, тогда как остаться показанным при нажатии?

Question

Если у меня есть скрипт jquery, который показывает и скрывает элемент при наведении, как мне сделать так, чтобы мой элемент, который должен скрывать, отображался, если я нажму на него?item, потому что этот элемент, на который я нажимаю, является тегом <li>.Я считаю, что именно поэтому оно должно быть list-item, а не block?Кроме того, когда я просто делаю alert($(element).css('display')); в функции щелчка, он показывает элемент списка.

Answer 1

Попробуйте этот код на div:

$(".comment_div").hover( 
     function() { $(this).children(".comment_actions").show(); }, 
     function() { $(this).children(".comment_actions").hide(); } 
 ).click(
     function(){ $(this).children(".comment_actions").show(); }
 ); 

Answer 2

Внутри вашего обработчика кликов вы можете отменить привязку при наведении курсора после отображения элемента:

$(element).click(function(){
    $(this).css({'display':'list-item'});
    $(selector).unbind('mouseenter mouseleave')
});

Answer 3

Я бы добавил класс, указывающий, был ли элемент нажат или нет.

$(element).click(function () {
    $(this).toggleClass('clicked');
});

Answer 4

объявляет еще один обработчик события щелчка и переключает элемент.

$(selector).click(function(){
     $(element).toggle();
});