Ticket #5512: test.html

File test.html, 1.9 KB (added by mako281, 9 years ago)

Quick demo of problem. Uses Google CDN for dependencies.

Line 
1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
2<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
3
4<head>
5
6<style type="text/css">
7#test {
8        display: block;
9        width: 20em;
10        background-color: #f88;
11}
12</style>
13
14</head>
15
16<body>
17
18<button id="init">Run Test</button>
19<button id="toggle">Toggle $.fx.off</button>
20<p id="test">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam malesuada facilisis ante, ut mollis purus semper id. Nulla lectus leo, malesuada eu pharetra eu, venenatis eget dolor. Maecenas sed augue eget orci faucibus iaculis quis porttitor est. Proin tempor mattis nisi ac pretium. In gravida felis sagittis odio facilisis id fermentum tellus vulputate. Aliquam odio velit, malesuada non vehicula id, vestibulum gravida lacus. Ut placerat ipsum non ante tempus egestas. Proin cursus dapibus velit, et fermentum orci rhoncus at. Nulla eget tincidunt arcu. Duis sapien velit, tempor eget tempor sed, ornare nec enim. Aenean quis nisi id est tempus consectetur non vitae nulla. Duis id ligula orci. Nunc mattis dui ut felis luctus elementum. Morbi ipsum metus, varius eu faucibus sit amet, cursus in risus. Donec semper dignissim venenatis. Donec id lacus dui. Vivamus bibendum lorem at nisi dictum a placerat augue euismod.</p>
21
22<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
23<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.0/jquery-ui.min.js"></script>
24<script type="text/javascript">
25$(document).ready(function() {
26        $("#init").click(function() {
27                // Experiment Subject
28                var $test = $("#test");
29
30                // Control (This works)
31                $test
32                        .hide("blind", {}, 2000)
33                        .show("slide", {}, 2000)
34                        .effect("highlight");
35        });
36
37        $("#toggle").click(function() {
38                $.fx.off = !$.fx.off;
39        });
40});
41</script>
42
43</body>
44
45</html>