third-party/jquery-ui-1.10.2/tests/visual/accordion/icons.html

   1 <!doctype html>
   2 <html lang="en">
   3 <head>
   4         <meta charset="utf-8">
   5         <title>Accordion Visual Test</title>
   6         <link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css">
   7         <script src="../../../jquery-1.9.1.js"></script>
   8         <script src="../../../ui/jquery.ui.core.js"></script>
   9         <script src="../../../ui/jquery.ui.widget.js"></script>
  10         <script src="../../../ui/jquery.ui.accordion.js"></script>
  11         <script>
  12         $(function() {
  13                 $( "#accordion-ynynyn" ).accordion({ icons: null });
  14                 $( "#accordion-ynyny" ).accordion();
  15                 $( "#accordion-ynyn" ).accordion({ icons: null });
  16                 $( "#accordion-yny" ).accordion();
  17                 $( "#accordion-yn" ).accordion({ icons: null });
  18                 $( "#accordion-y" ).accordion();
  19
  20                 $( "#accordion-nynyny" ).accordion();
  21                 $( "#accordion-nynyn" ).accordion({ icons: null });
  22                 $( "#accordion-nyny" ).accordion();
  23                 $( "#accordion-nyn" ).accordion({ icons: null });
  24                 $( "#accordion-ny" ).accordion();
  25                 $( "#accordion-n" ).accordion({ icons: null });
  26         });
  27         </script>
  28 </head>
  29 <body>
  30
  31 <p>WHAT: The following set of nested accordions alternate between icons and no icons.</p>
  32 <p>EXPECTED: The padding on the headers should correctly account for the icon settings.</p>
  33
  34 <div id="accordion-y">
  35         <div>Icons</div>
  36         <div>
  37                 <div id="accordion-yn">
  38                         <div>No Icons</div>
  39                         <div>
  40                                 <div id="accordion-yny">
  41                                         <div>Icons</div>
  42                                         <div>
  43                                                 <div id="accordion-ynyn">
  44                                                         <div>No Icons</div>
  45                                                         <div>
  46                                                                 <div id="accordion-ynyny">
  47                                                                         <div>Icons</div>
  48                                                                         <div>
  49                                                                                 <div id="accordion-ynynyn">
  50                                                                                         <div>No Icons</div>
  51                                                                                         <div></div>
  52                                                                                 </div>
  53                                                                         </div>
  54                                                                 </div>
  55                                                         </div>
  56                                                 </div>
  57                                         </div>
  58                                 </div>
  59                         </div>
  60                 </div>
  61         </div>
  62 </div>
  63
  64 <div id="accordion-n">
  65         <div>No Icons</div>
  66         <div>
  67                 <div id="accordion-ny">
  68                         <div>Icons</div>
  69                         <div>
  70                                 <div id="accordion-nyn">
  71                                         <div>No Icons</div>
  72                                         <div>
  73                                                 <div id="accordion-nyny">
  74                                                         <div>Icons</div>
  75                                                         <div>
  76                                                                 <div id="accordion-nynyn">
  77                                                                         <div>No Icons</div>
  78                                                                         <div>
  79                                                                                 <div id="accordion-nynyny">
  80                                                                                         <div>Icons</div>
  81                                                                                         <div></div>
  82                                                                                 </div>
  83                                                                         </div>
  84                                                                 </div>
  85                                                         </div>
  86                                                 </div>
  87                                         </div>
  88                                 </div>
  89                         </div>
  90                 </div>
  91         </div>
  92 </div>
  93
  94 </body>
  95 </html>