Forums

StephBertha

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?

akurtula

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

StephBertha

Thanks Akurtula for responding!

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

akurtula

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 :)

treehouse : what would you like to learn today?

Forums

jQuery ToggleClass Not Stopping