Ticket #4576: index.html

File index.html, 1.7 KB (added by margustiru, 14 years ago)

minimized jQuery UI Example Page

Line 
1<!DOCTYPE html>
2<html>
3        <head>
4                <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
5                <title>jQuery UI Example Page</title>
6                <link type="text/css" href="css/cupertino/jquery-ui-1.7.1.custom.css" rel="stylesheet" />       
7                <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
8                <script type="text/javascript" src="js/jquery-ui-1.7.1.custom.min.js"></script>
9                <script type="text/javascript">
10                        $(function(){
11
12                                // Accordion
13                                $("#accordion").accordion({ header: "h3", change: function(event, ui) { 
14                                        alert($("#accordion").accordion('option','active')); 
15                                }});
16                               
17                        });
18                </script>
19                <style type="text/css">
20                        /*demo page css*/
21                        body{ font: 62.5% "Trebuchet MS", sans-serif; margin: 50px;}
22                        .demoHeaders { margin-top: 2em; }
23                        #dialog_link {padding: .4em 1em .4em 20px;text-decoration: none;position: relative;}
24                        #dialog_link span.ui-icon {margin: 0 5px 0 0;position: absolute;left: .2em;top: 50%;margin-top: -8px;}
25                        ul#icons {margin: 0; padding: 0;}
26                        ul#icons li {margin: 2px; position: relative; padding: 4px 0; cursor: pointer; float: left;  list-style: none;}
27                        ul#icons span.ui-icon {float: left; margin: 0 4px;}
28                </style>       
29        </head>
30        <body>
31        <h1>Welcome to jQuery UI!</h1>
32               
33                <!-- Accordion -->
34                <h2 class="demoHeaders">Accordion</h2>
35                <div id="accordion">
36                        <div>
37                                <h3><a href="#">First</a></h3>
38                                <div>Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.</div>
39                        </div>
40                        <div>
41                                <h3><a href="#">Second</a></h3>
42                                <div>Phasellus mattis tincidunt nibh.</div>
43                        </div>
44                        <div>
45                                <h3><a href="#">Third</a></h3>
46                                <div>Nam dui erat, auctor a, dignissim quis.</div>
47                        </div>
48                </div>
49
50        </body>
51</html>
52
53