Dynamic count of Tabs and a dynamic accordion in each of it

Dynamic count of Tabs and a dynamic accordion in each of it

Hi,

got some problems with a dynamic count of tabs and a dynamic accordion in each of it.
My PHP gernerator does it somehow but the css styles from jqueryui doesn't work totally.

The first accordion works fine but the others don't.

Would be nice if someone has an idea.

greetings from Germany,

blacksh33p

  1. <link rel="stylesheet" type="text/css" href="css/dark-hive/jquery-ui.css"/>
    <link rel="stylesheet" type="text/css" href="css/screen.css"/ media="screen">
    <script type="text/javascript" src="js/jquery.js"></script>
    <script type="text/javascript" src="js/jquery-ui.js"></script>
    <script type="text/javascript">
    <!--
                $(function()
                {

                       
                    // Tabs
                    $('#tabs').tabs();


    $("#accordion-8").accordion({ header: "h3" });
    $("#accordion-9").accordion({ header: "h3" });
    $("#accordion-10").accordion({ header: "h3" });
    $("#accordion-11").accordion({ header: "h3" });
    $("#accordion-12").accordion({ header: "h3" });
    $("#accordion-13").accordion({ header: "h3" });
    $("#accordion-14").accordion({ header: "h3" });

                   
                   
                });
    //-->
    </script>
    </head>
    <body>
    <div id="tabs">
      <h2 class="header">Kursanmeldung</h2>
      <ul>
        <!-- Tab Überschriften //-->
        <li><a href="#tabs-8">Kindertanz</a></li>
        <li><a href="#tabs-9">Jugend</a></li>
        <li><a href="#tabs-10">Erwachsene</a></li>
        <li><a href="#tabs-11">Lady's First</a></li>
        <li><a href="#tabs-12">Club Agilando</a></li>
        <li><a href="#tabs-13">Fitness</a></li>
        <li><a href="#tabs-14">Specials</a></li>
        <!-- End of Tab Überschriften //-->
      </ul>
      <div id="tabs-8">
        <div id="accordion-8">
          <div>
            <h3><a href="#">Kindertanz</a></h3>
            <div> tabelle </div>
          </div>
          <div>
            <h3><a href="#">Mini - Clip</a></h3>
            <div> tabelle </div>
          </div>
        </div>
      </div>
      <div id="tabs-9">
        <div id="accordion-9">
          <div>
            <h3><a href="#">Grundkurs</a></h3>
            <div> tabelle </div>
          </div>
          <div>
            <h3><a href="#">Videclip / Streetdance</a></h3>
            <div> tabelle </div>
          </div>
        </div>
      </div>
      <div id="tabs-10">
        <div id="accordion-10">
          <div>
            <h3><a href="#">Grundkurs</a></h3>
            <div> tabelle </div>
          </div>
          <div>
            <h3><a href="#">Schnellkurs</a></h3>
            <div> tabelle </div>
          </div>
          <div>
            <h3><a href="#">Videclip / Streetdance</a></h3>
            <div> tabelle </div>
          </div>
        </div>
      </div>
      <div id="tabs-11">
        <div id="accordion-11">
          <div>
            <h3><a href="#">Lady's Club</a></h3>
            <div> tabelle </div>
          </div>
        </div>
      </div>
      <div id="tabs-12">
        <div id="accordion-12">
          <div>
            <h3><a href="#">Club Agilando</a></h3>
            <div> tabelle </div>
          </div>
        </div>
      </div>
      <div id="tabs-13">
        <div id="accordion-13"> </div>
      </div>
      <div id="tabs-14">
        <div id="accordion-14">
          <div>
            <h3><a href="#">Salsa</a></h3>
            <div> tabelle </div>
          </div>
          <div>
            <h3><a href="#">Disco-Fox</a></h3>
            <div> tabelle </div>
          </div>
        </div>
      </div>
    </div>