Please see this jsfiddle: http://jsfiddle.net/kZA8D/
Basically, whenever I move through / past the link fast, both the college_box and landing_login_form divs appear. It might take a few times to reproduce, but it ends up looking like this:

What’s going on? I have a simple hover function, I don’t see why this glitch is happening…
updated link: http://jsfiddle.net/J67Dr/1/
Its a queueing problem and in this case
.stop()is not going to cut it, because its two different elements. So you will end up in scenarios where one element is hidden but still has animation queued while the other element is animating. I recommend you use both.stop()as a best practice and.dequeueas showing in the fiddle.Option 2
http://jsfiddle.net/4jv6B/
Use just
.stopbut fade a wrapper element rather than the items themselves. Because of some weirdness (see the comments) I recommend option 2. Was trying to preserve your DOM, but oh well.