Bug Tracker

Ticket #4692: tester.html
File tester.html, 0.8 KB (added by patrickwhalen, May 28, 2009 02:34PM UTC)

Single page version for browser viewing.

<html>
<head>
<title>tester page</title>	
	
	<style> 
	    <!--
		div.outer {
			cursor: pointer;
			position: absolute;
			padding: 10px;
			background: purple;
		}

		div.inner {
			position: relative;
			padding-left: 5px;
			padding-right: 5px;
			background: orange;
			clip: auto; overflow: hidden;
		}
	    -->
	 </style>
	
	
	
	<script src="http://www.google.com/jsapi"></script>
	<script type="text/javascript">google.load("jquery", "1.3.2");</script>
	<script src="tester.js"></script>
	
	
	
	<script type="text/javascript"> 
		$(document).ready(function() {
			$('.outer').click(function() { 
				$('.inner').animate({width: 0, paddingLeft: 0, paddingRight: 0}, 'slow' );
			});
		});
	</script>
	
	
</head>
<body>
	Click on div below for animation: 
	<br /><br />
	<div class="outer"><div class="inner">innerContent</div></div>
</body>
</html>

Download in other formats:

Original Format