jquery hover function

Question

I have the following codes to performs opacity functions, but I want to one of the elements in the class not be included.

for example .bar class.

$(".image").hover(function () {
        $(this).animate({opacity: .5}, 'fast')}, function () {
        $(this).animate({opacity: 1}, 'fast')

        });

can anyone help me.

satoshi · Accepted Answer · 2012-02-19 14:34:00Z

1

$(".image:not(.bar)").hover(function () {
        $(this).animate({opacity: .5}, 'fast')}, function () {
        $(this).animate({opacity: 1}, 'fast')
});

answered Feb 19, 2012 at 14:34

satoshi

4,1338 gold badges50 silver badges59 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

pete · Accepted Answer · 2012-02-19 14:35:16Z

0

Try:

$(".image").not('.bar').hover(function () {
    $(this).animate({
        opacity: .5
    }, 'fast')
}, function () {
    $(this).animate({
        opacity: 1
    }, 'fast')

});

answered Feb 19, 2012 at 14:35

pete

25.2k4 gold badges40 silver badges52 bronze badges

Collectives™ on Stack Overflow

jquery hover function

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related