Skip to main content

Search and Top Navigation

Ticket #4807: sample.html


File sample.html, 1.1 KB (added by arunpjohny, August 28, 2009 04:06AM UTC)

To Recreate the issue

<html>
	<head>
		<script type="text/javascript" src ="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js"></script>
		<script type="text/javascript" src ="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.js"></script>
	</head>
	<body>
		<style type="text/css">
			.switch-format{
				background-color: yellow;
			}
			.switch-format1{
				background-color: blue;
			}
			.switch-format2{
				color: red;
			}
		</style>
		
		<div id="switch-class" class='switch-format' style="margin-top: 5px;">Effects - Switch</div>
		
		<script type="text/javascript">
			setTimeout(function() {
						alert('Switch 1');
						$('#switch-class').switchClass('switch-format', 'switch-format1', 3000);
					}, 5000);

			setTimeout(function() {
						alert('Switch 2');
						$('#switch-class').switchClass('switch-format', 'switch-format2', 3000)
					}, 10000);

			setTimeout(function() {
						alert('Switch 3');
						$('#switch-class').switchClass('switch-format2', 'switch-format', 3000)
				}, 15000);
		</script>	
	</body>
</html>

Download in other formats:

Original Format