Markup for tabs

<div id="tabs"> <!-- 1st set of tabs -->
  <ul>
    <?php
        for ($i=1; $i < 4; $i++) {
    ?>
            <li><a href="#tabs-<?php echo $i; ?>">Tab <?php echo $i; ?></a></li>
    <?php
        }
    ?>
  </ul>

<?php
for ($i=1; $i < 4; $i++) {
?>
    <div id="tabs-<?php echo $i; ?>">
    <!-- content in these tabs is similar, but with different data, that is why I used loop -->
    </div>
<?php
}
?>

<div id="secondary-tabs"> <!-- 2nd set of tabs -->
    <ul>
        <li><a href="#secondary-tabs-1">Secondary Tab 1</a></li>
        <li><a href="#secondary-tabs-2">Secondary Tab 2</a></li>
    </ul>

    <div id="secondary-tabs-1">
    <!-- 1st tab content -->
    </div>
    <div id="secondary-tabs-2">
    <!-- 2nd tab content -->
    </div>
</div>