Grow your CSS skills. Land your dream job.

jQuery ToggleClass Not Stopping

  • # June 16, 2011 at 4:21 pm

    Hi there,

    I have this:

    $(function() {
    $('div#how-does li a').hover(
    function() {
    $(this).stop().toggleClass('large-circle');
    }
    );
    });

    But when I rollover my link several times back and forth, the class still sticks. I thought adding

    stop()

    fixed that? I also added

    stop(true, true)

    , and remains the same. Thoughts?

    # June 16, 2011 at 4:38 pm

    hi

    i think you need to add 2 class names. like this example from jquery documentation:

    $(‘#foo’).toggleClass(className, addOrRemove)

    so you need to add something like

    $(this).toggleClass(‘large-circle’, ‘normalstate’);

    and style the new class

    # June 17, 2011 at 10:49 am

    Thanks Akurtula for responding!

    I just tried, but it does do the same thing, although your response would make sense. Weird?

    # June 17, 2011 at 6:20 pm

    hey how about this

    $(‘div#how-does li a’).hover(

    maybe the UL you missed might be the problems

    over here it works:

    http://jsfiddle.net/f5hqk/

    ps, I forgot you dont need my previous example for a hover state :)

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".