Search and Top Navigation
Ticket #6096: index.html
File index.html, 0.7 KB (added by artyv, September 23, 2010 04:26AM UTC)
<!doctype html>
<html>
<head>
<title>Title</title>
<meta charset="utf-8" />
</head>
<body>
<button>Scale!</button>
<div style="background-color: Maroon; color: Silver; display: none; height: 100px; padding: 100px; width: 100px;">Should grow from bottom</div>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.3/jquery-ui.min.js" type="text/javascript"></script>
<script type="text/javascript">
$('button').click(function () {
$('div').show('scale', { origin: ['bottom', 'left'], from: { width: 0, height: 0} }, 1000);
});
</script>
</body>
</html>
Download in other formats:
Original Format
File index.html, 0.7 KB (added by artyv, September 23, 2010 04:26AM UTC)
<!doctype html>
<html>
<head>
<title>Title</title>
<meta charset="utf-8" />
</head>
<body>
<button>Scale!</button>
<div style="background-color: Maroon; color: Silver; display: none; height: 100px; padding: 100px; width: 100px;">Should grow from bottom</div>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.3/jquery-ui.min.js" type="text/javascript"></script>
<script type="text/javascript">
$('button').click(function () {
$('div').show('scale', { origin: ['bottom', 'left'], from: { width: 0, height: 0} }, 1000);
});
</script>
</body>
</html>