Javascript jQuery悬停不透明度并单击保持不透明度

早上好

所以我有下面的两个狙击手，除了一件我无法解决的事情外，它们工作得很好。第一个是悬停状态，因此当您悬停时，不透明度为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();
    });
});

---

提前感谢

这将为单击的元素添加一个名为“clicked”的类。在hover out函数中，它检查元素是否分配了til类。若类不存在，它将动画化回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' );
    });
});

---

真是一种享受！谢谢，但是我注意到的一件事是，我们有大约8个这样的不透明度，如果我点击其他按钮，之前的不透明度保持在100%，我们可以将其他按钮恢复到70吗？如果点击另一个按钮，我们可以再次将其他按钮恢复到70吗？另外，如果我只是在未点击的按钮上悬停，则不透明度保持在100%——谢谢你的帮助，给我2秒钟的时间为你写这封信你是个明星！它应该是

$（'.clicked'）.css（“不透明度”，0.7）.removeClass（'clicked'）