Accordion bug

Accordion bug

  1. <!DOCTYPE html>
    <html lang="en">
    <head>
     <meta charset="UTF-8" />
     <title>jQuery UI Tabs - Default functionality</title>
     <link type="text/css" href="../../themes/base/jquery.ui.all.css" rel="stylesheet" />
     <script type="text/javascript" src="../../jquery-1.4.2.js"></script>
     <script type="text/javascript" src="../../ui/jquery.ui.core.js"></script>
     <script type="text/javascript" src="../../ui/jquery.ui.widget.js"></script>
     <script type="text/javascript" src="../../ui/jquery.ui.tabs.js"></script>
     <script type="text/javascript" src="../../ui/jquery.ui.accordion.js"></script>
     <link type="text/css" href="../demos.css" rel="stylesheet" />
     <script type="text/javascript">
     $(function() {
      $("#tabs").tabs();
      $("#accordion").accordion();
     });
     </script>
    </head>
    <body>



















  2. <div id="tabs">
     <ul>
      <li><a href="#tabs-1">Nunc tincidunt</a></li>
      <li><a href="#tabs-2">Proin dolor</a></li>
     </ul>
     <div id="tabs-1">
      
     </div>
     <div id="tabs-2">
      <div id="accordion">
       <h3><a href="#">Section 1</a></h3>
       <div style="height:100px;">
        test
       </div>
       <h3><a href="#">Section 2</a></h3>
       <div style="height:100px;">
        test
       </div>
      </div>
     </div>
    </div>




















  3. </body>
    </html>
    Accordion not work  WHY? Is there a solution you,help me.