CODEWITHSUNDEEP
javascriptjqueryfunction
Blainer
Blainer

Reputation: 2702

jquery fade back in on mouseover

I am trying to make "slider.$controls" fade to opacity .1 on a timeout which works perfectly, I just cant seem to get it to return to opacity 1.0 on mouseover.

$(function () {
    var fadeTime = 1750,
        fadeDelay = 4000,
        // hide after 3 second delay
        timer, hideControls = function (slider) {
            clearTimeout(timer);
            setTimeout(function () {
                slider.$controls.fadeTo(fadeTime, 0.1);
                slider.$controls.mouseOver.fadeTo(fadeTime, 1.0);
                $('.tooltip').fadeOut(fadeTime);
            }, fadeDelay);
        };
});

Upvotes: 1

Views: 283

Answers (2)

Wouter J
Wouter J

Reputation: 41934

.mouseOver.fadeTo is not possible, use a event:

slider.$controls.mouseover(function() {
  $(this).fadeTo(fadeTime, 1);
});

Or is slider.$controls.mouseOver a propertie?

Upvotes: 1

karim79
karim79

Reputation: 342635

Try:

slider.$controls.hover(function () {

    // mouseenter
    $(this).fadeTo(fadeTime, 1.0);
}, function () {

    // mouseleave
    $(this).fadeTo(fadeTime, 0.1);
});

http://api.jquery.com/hover/

Upvotes: 1

Related Questions