Ticket #5510: tabsBug.html

File tabsBug.html, 1.1 KB (added by pulpulpullie, 12 years ago)
Line 
1<!DOCTYPE html PUBspanC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2<html xmlns="http://www.w3.org/1999/xhtml" >
3 <head>
4                <link rel="stylesheet" href="css\smoothness\jquery-ui-1.8.custom.css" type="text/css" media="all" /> 
5    <script type="text/javascript" src="jquery-1.4.2.min.js"></script>
6    <script type="text/javascript" src="jquery-ui-1.8.custom.min.js"></script>
7                <script type="text/javascript">
8                        $(function() {
9                                $("#tabs").tabs({
10                                        fx: { opacity: 'toggle' }
11                                });
12                               
13                                $('#debugButton').button().click(function(){
14                                        $('#tabs a:eq(1)').click();
15                                        setTimeout(function(){
16                                                $('#tabs a:eq(2)').click();
17                                        }, 300);
18                                });
19                        });
20                </script>
21 </head>
22 <body>
23        <div id="tabs">
24                <ul>
25                        <li><a href="#tabs-1">tab 1</a></li>
26                        <li><a href="#tabs-2">tab 2</a></li>
27                        <li><a href="#tabs-3">tab 3</a></li>
28                </ul>
29                <div id="tabs-1">
30                        <p>tab 1 content</p>
31                </div>
32                <div id="tabs-2">
33                        <p>tab 2 content</p>
34                </div>
35                <div id="tabs-3">
36                        <p>tab 3 content</p>
37                </div>
38        </div>
39        <button id="debugButton">debug button</button>
40 </body>
41 </html>