Return to Snippet

Revision: 32542
at September 28, 2010 18:24 by Meander365

Initial Code
<!DOCTYPE html>
<html xmlns="">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="../assets/js/jquery.js"></script>

<script type="text/javascript">
$(function () {

	$('#animate').hover(function () {
		$('.box').stop().fadeTo(200, 1);
	}, function () {
		$('.box').stop().fadeTo(200, 0);

<style type="text/css">
	.box {width:50px;height:50px;display:block;background:red;margin:20px;border:1px solid #ccc;}
	<a href="#" id="animate">Animate</a>
	<div class="box"></div>
	<div class="box"></div>

Initial URL

Initial Description
For those multiple rollovers - and their multiple flashes! The solution is to stop(!) them.

Initial Title
jQuery - Stopping and Resetting Animations

Initial Tags
javascript, jquery, animation

Initial Language