third-party/jquery-ui-1.10.2/tests/visual/compound/tabs_tooltips.html

   1 <!doctype html>
   2 <html lang="en">
   3 <head>
   4         <meta charset="utf-8">
   5         <title>Compound Visual Test : Tabs in Tabs</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.position.js"></script>
  12         <script src="../../../ui/jquery.ui.tooltip.js"></script>
  13         <script src="../../../ui/jquery.ui.tabs.js"></script>
  14         <script>
  15         $(function() {
  16                 $( "#tabs" ).tabs();
  17                 $( "a" ).tooltip();
  18         });
  19         </script>
  20 </head>
  21 <body>
  22
  23 <div id="tabs">
  24         <ul>
  25                 <li><a href="#tabs-1" title="first tab tooltip">First</a></li>
  26                 <li><a href="#tabs-2" title="second tab tooltip">Second</a></li>
  27         </ul>
  28         <div id="tabs-1">
  29                 <a href="#" title="title content">label</a>
  30         </div>
  31         <div id="tabs-2">
  32                 <a href="#" title="other title content">other label</a>
  33         </div>
  34 </div>
  35
  36 </body>
  37 </html>