Ticket #4807: sample.html

File sample.html, 1.1 KB (added by arunpjohny, 10 years ago)

To Recreate the issue

Line 
1<html>
2        <head>
3                <script type="text/javascript" src ="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js"></script>
4                <script type="text/javascript" src ="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.js"></script>
5        </head>
6        <body>
7                <style type="text/css">
8                        .switch-format{
9                                background-color: yellow;
10                        }
11                        .switch-format1{
12                                background-color: blue;
13                        }
14                        .switch-format2{
15                                color: red;
16                        }
17                </style>
18               
19                <div id="switch-class" class='switch-format' style="margin-top: 5px;">Effects - Switch</div>
20               
21                <script type="text/javascript">
22                        setTimeout(function() {
23                                                alert('Switch 1');
24                                                $('#switch-class').switchClass('switch-format', 'switch-format1', 3000);
25                                        }, 5000);
26
27                        setTimeout(function() {
28                                                alert('Switch 2');
29                                                $('#switch-class').switchClass('switch-format', 'switch-format2', 3000)
30                                        }, 10000);
31
32                        setTimeout(function() {
33                                                alert('Switch 3');
34                                                $('#switch-class').switchClass('switch-format2', 'switch-format', 3000)
35                                }, 15000);
36                </script>       
37        </body>
38</html>