Добрый день,
подскажите пожалуйста:
есть <img /> с default opacity=0.5 . При наводе на <img/> мыши opacity = 1. , при уводе мышки обратно opacity = 0.5 . Это все работает! Но я хотел бы сюда еще подключить событие CLICK, и чтоб по нему opacity = 1.
Вопрос, когда я убираю мышку(mouseleave), opacity приравнивается обратно к 0.5 . Это логично. Но как мне отменить mouseleave , если например я click - нул по картинке и мне надо чтоб она осталась как бы выделенной с opacity = 1.

Спасибо за подсказку\


Ответ найден, спасибо:

var hoverContainers = jQuery('.teenus');
    //mouseover and mouseleave binding
    hoverContainers.hover(
        //mouseover
        function(){
            jQuery(this).animate({opacity: 1});
        },
        //mouseleave
        function(){
            //check if you image has 'selected' class
            if (!jQuery(this).is('.selected'))
            //if no fade out
                jQuery(this).animate({opacity:.5});
        }
    );
    //add 'selected' class on click
    hoverContainers.click(function(){
        //remove 'selected' class from previously selected image
        hoverContainers.filter('.selected').removeClass('selected').animate({opacity:.5});
        //mark clicked image with 'selected' class
        jQuery(this).addClass('selected');
    });