Hi

I want to show a view rows with tabs. How much depends on what I get from a database.
In the for loop x is the number of records from the database.

Only the first row show me the tabs.
Someone familiar with this?

1. <?
<script type="text/javascript" src="js/jquery-1.4.js"></script>
<link rel="stylesheet" href="css/ui.tabs.css" type="text/css" media="print, projection, screen" />
<?
for ($i = 1; $i <= 10; $i++) {
?>
<div id="container">
    <ul>
        <li><a href="#fragment-1<? echo $i; ?>"><span>Tab-1</span></a></li>
        <li><a href="#fragment-2<? echo $i; ?>"><span>Tab-2</span></a></li>
        <li><a href="#fragment-3<? echo $i; ?>"><span>Tab-3</span></a></li>
    </ul>
    <div id="fragment-1<? echo $i; ?>">
        <p>Tab 1 <? echo $i; ?></p>
    </div>
    <div id="fragment-2<? echo $i; ?>">
        <p>Tab 2 <? echo $i; ?></p>
    </div>
    <div id="fragment-3<? echo $i; ?>">
        <p>Tab 3 <? echo $i; ?></p>
    </div>
</div>
<?
}
?>
<script src="js/ui.core.js" type="text/javascript"></script>
<script src="js/ui.tabs.js" type="text/javascript"></script>

<script type="text/javascript">
    $(function() {
        $('#container > ul').tabs({ fx: { opacity: 'toggle' } });
    });
</script>
?>