jQuery: Animate only if class exists

[mikes02]

I would like to not go through the animation if the link already has the class of “active”, I have been fooling with this for a bit and can’t seem to get it to work, this is the current jQuery I am using

// Scrolling Animation

$('#slides li a').each(function()

{

$('#slides li a').click(function(e)

{

$('#social').fadeOut(100);



var $anchor = $(this);

$('html, body').stop().animate({

scrollTop: $($anchor.attr('href')).offset().top

}, 1500,'easeInOutExpo',function()

{

$('#social').fadeIn(250);

});

e.preventDefault();

});

});

And here is the HTML

Return to Top


Work Samples


Our Approach


Drop Us a Line

[TheDoc]

You would just need to wrap your click function in an if statement.

if( !$(this).hasClass('active') ) {

// click function

}

[mikes02]

Ya, I had tried that, it doesn’t work, it’s still doing the animation.

[TheDoc]

// Scrolling Animation

$('#slides li a').each(function()

{

$('#slides li a').click(function(e)

{

if( !$(this).hasClass('active') ) {

$('#social').fadeOut(100);



var $anchor = $(this);

$('html, body').stop().animate({

scrollTop: $($anchor.attr('href')).offset().top

}, 1500,'easeInOutExpo',function()

{

$('#social').fadeIn(250);

});

e.preventDefault();

}

});

});

What about that?

[mikes02]

That worked, thanks!

[Author]

Posts