Microsoft Techies: jQuery animate right to left

Monday, 15 September 2014

	<!doctype html>
	<html lang="en">
	<head>
	<meta charset="utf-8">
	<title>slide demo</title>
	<link rel="stylesheet" href="//code.jquery.com/ui/1.11.1/themes/smoothness/jquery-ui.css">
	<style>
	#toggle {
	width: 900px;
	height: 30px;
	background: #ccc;
	}
	</style>
	<script src="//code.jquery.com/jquery-1.10.2.js"></script>
	<script src="//code.jquery.com/ui/1.11.1/jquery-ui.js"></script>
	</head>
	<body>

	<p>Click anywhere to toggle the box.</p>
	<div id="toggle">
	<div>Hello</div>
	</div>

	<script>
	$("#toggle").click((function () {
	return function () {
	$(this).animate({
	width: "20px"
	}, 10);
	}
	})());
	</script>

	</body>
	</html>

view raw gistfile1.html hosted with ❤ by GitHub