5 <title>Compound Visual Test : Draggable in Accordion</title>
6 <link rel="stylesheet" href="../visual.css">
7 <link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css">
8 <script src="../../../jquery-1.9.1.js"></script>
9 <script src="../../../ui/jquery.ui.core.js"></script>
10 <script src="../../../ui/jquery.ui.widget.js"></script>
11 <script src="../../../ui/jquery.ui.mouse.js"></script>
12 <script src="../../../ui/jquery.ui.accordion.js"></script>
13 <script src="../../../ui/jquery.ui.draggable.js"></script>
14 <script src="../../../ui/jquery.ui.tabs.js"></script>
21 #main-draggable-handle {
33 .addClass( "ui-widget ui-widget-content ui-corner-all" )
39 $( "#accordion > div" ).accordion();
40 $( "#accordion" ).accordion();
44 $( "#main-draggable" ).draggable({
45 handle: "#main-draggable-handle"
51 <div id="main-draggable" class="ui-widget ui-widget-content ui-corner-all">
52 <p id="main-draggable-handle" class="ui-widget-header ui-corner-all">Drag me around!</p>
55 <li><a href="#tabs-1">First Tab</a></li>
56 <li><a href="#tabs-2">Second Tab</a></li>
59 <p>Click the other tab!</p>
63 <h3>Accordion Group 1</h3>
64 <div id="accordion-1-1">
67 <div class="draggable">Draggable 1-1</div>
68 <div class="draggable">Draggable 1-2</div>
69 <div class="draggable">Draggable 1-3</div>
70 <div class="draggable">Draggable 1-4</div>
71 <div class="draggable">Draggable 1-5</div>
75 <div class="draggable">Draggable 2-1</div>
76 <div class="draggable">Draggable 2-2</div>
77 <div class="draggable">Draggable 2-3</div>
78 <div class="draggable">Draggable 2-4</div>
79 <div class="draggable">Draggable 2-5</div>
82 <h3>Accordion Group 2</h3>
83 <div id="accordion-1-2">
86 <div class="draggable">Draggable 1-1</div>
87 <div class="draggable">Draggable 1-2</div>
88 <div class="draggable">Draggable 1-3</div>
89 <div class="draggable">Draggable 1-4</div>
90 <div class="draggable">Draggable 1-5</div>
94 <div class="draggable">Draggable 2-1</div>
95 <div class="draggable">Draggable 2-2</div>
96 <div class="draggable">Draggable 2-3</div>
97 <div class="draggable">Draggable 2-4</div>
98 <div class="draggable">Draggable 2-5</div>