JQuery парить Непрозрачность и нажмите Оставайтесь на непрозрачности

Question

Доброго утра,

Так у меня есть 2 следующих sniplets, которые отлично работают друг от 1 вещи, что я не могу работать, как решить. сначала это состояние зависания, поэтому, когда вы наводите непрозрачность на 100%, по умолчанию оно составляет 70%, а когда вы выходите, оно возвращается на 70%, что отлично, вторая - функция щелчка, которая показывает проверенное изображение при нажатии, которое отлично, а непрозрачность остается на уровне 100%, но когда вы выталкиваете мышь из контейнера, она возвращается обратно на 70% непрозрачности. есть ли все равно, что нажимается, он остается на уровне 100%, независимо от того, вы выходите?

$(".opacity-change img").css('opacity','0.7'); 
$(document).ready(function(){ 
    $(".opacity-change img").hover(
    function() { 
     $(this).animate({ opacity: 1 }, 500); 
    }, 
    function() { 
     $(this).animate({ opacity: 0.7 }, 500); 
    }); 
}); 

$(document).ready(function(){ 
    $('.profiles a').bind('click',function(){ 
     $('.checked').hide(); 
     $(this).find('.checked').show(); 
    }); 
}); 

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

Answer 1

Это добавит класс к элементу кликнули по имени «щелкнул». В функции hover out он проверяет, присвоен ли элементу присвоенный класс или нет. Если класс отсутствует, он будет обновляться до 70% непрозрачности.

$(".opacity-change img").css('opacity','0.7'); 
$(document).ready(function(){ 
    $(".opacity-change img").hover(
    function() { 
     $(this).animate({ opacity: 1 }, 500); 
    }, 
    function() { 
     if (!$(this).hasClass('clicked')){ 
      $(this).animate({ opacity: 0.7 }, 500); 
     } 
    }); 
}); 

$(document).ready(function(){ 
    $('.profiles a').bind('click',function(){ 
     $('.checked').hide(); 
     $('.clicked').css("opacity", 0.7).removeClass('clicked'); 
     $(this).find('.checked').show(); 
     $(this).addClass('clicked'); 
    }); 
});