diff options
| -rw-r--r-- | demos/index.html | 72 |
1 files changed, 55 insertions, 17 deletions
diff --git a/demos/index.html b/demos/index.html index d36a2f47c..14ebc67eb 100644 --- a/demos/index.html +++ b/demos/index.html @@ -25,24 +25,62 @@ </script>
</head>
<body>
+<table cellspacing="0" cellpadding="0" class="layout-grid" id="functional">
+ <tr>
+ <td class="left-nav">
+ <div class="section" style="border:0; width:155px;">
+ <p class="side-menu-title">Interactions</p>
+ <div id="links" class="normal" style="width:100%;">
+ <ul class="component-links">
+ <li><a href="draggable/index.html">Draggable</a></li>
+ <li><a href="droppable/index.html">Droppable</a></li>
+ <li><a href="resizable/index.html">Resizable</a></li>
+ <li><a href="selectable/index.html">Selectable</a></li>
+ <li><a href="sortable/index.html">Sortable</a></li>
+ </ul>
+ </div>
+ <br style="clear:both;">
+ </div>
+ <div class="section" style="border:0;">
+ <p class="side-menu-title">Widgets</p>
+ <div id="links" class="normal">
+ <ul class="component-links">
+ <li><a href="accordion/index.html">Accordion</a></li>
+ <li><a href="datepicker/index.html">Datepicker</a></li>
+ <li><a href="dialog/index.html">Dialog</a></li>
+ <li><a href="progressbar/index.html">Progressbar</a></li>
+ <li><a href="slider/index.html">Slider</a></li>
+ <li><a href="tabs/index.html">Tabs</a></li>
+ </ul>
+ </div>
+ <br style="clear:both;">
+ </div>
+ <div class="section" style="border:0;">
+ <p class="side-menu-title">Effects</p>
+ <div id="links" class="normal">
+ <ul class="component-links">
+ <li><a href="#">Easing</a></li>
+ <li><a href="#">General</a></li>
+ <li><a href="#">Show/Hide</a></li>
+ </ul>
+ </div>
-<dl class="nav">
- <dt>Interactions</dt>
- <dd><a href="draggable/index.html">Draggable</a></dd>
- <dd><a href="droppable/index.html">Droppable</a></dd>
- <dd><a href="resizable/index.html">Resizable</a></dd>
- <dd><a href="selectable/index.html">Selectable</a></dd>
- <dd><a href="sortable/index.html">Sortable</a></dd>
- <dt>Widgets</dt>
- <dd><a href="accordion/index.html">Accordion</a></dd>
- <dd><a href="datepicker/index.html">Datepicker</a></dd>
- <dd><a href="dialog/index.html">Dialog</a></dd>
- <dd><a href="progressbar/index.html">Progressbar</a></dd>
- <dd><a href="slider/index.html">Slider</a></dd>
- <dd><a href="tabs/index.html">Tabs</a></dd>
- <dt>Effects</dt>
- <dd>...</dd>
-</dl>
+ <br style="clear:both;">
+ <br style="clear:both;">
+ </div>
+ </td>
+ <td class="normal">
+
+ <div class="normal" id="containerDemo">
+ <h3>Instructions</h3>
+ <p>
+ The functional demos are provided to give users an idea of how jQuery UI works. You only need to copy and paste code from the demos. Have fun playing with it.
+ </p>
+ </div>
+
+ </td>
+ </tr>
+</table>
</body>
</html>
|