[jQuery] ajax tabs not working

[jQuery] ajax tabs not working


i'm following the instructions here:
http://docs.jquery.com/UI/Tabs
i've included the following:
<script type="text/javascript" src="http://dev.jquery.com/view/trunk/
ui/ui.core.js"></script>
<script type="text/javascript" src="http://dev.jquery.com/view/trunk/
ui/ui.tabs.js"></script>
<link rel="stylesheet" href="http://dev.jquery.com/view/trunk/themes/
flora/flora.all.css" type="text/css" media="screen" title="Flora
(Default)">
<script>
$(document).ready(function(){
    $("#top > ul").tabs();
});
</script>
my div is:
<div id="top" class="flora">
    <ul>
        <li><a href="http://www.domain.com/top/pop">Popular</a></li>
        <li><a href="http://www.domain.com/top/rated">Rated</a></li>
    </ul>
</div>
when I load up the site, however, there's nothing in the tabs, and the
links for the tabs are incorrect:
/#ui-tabs-7, etc. which isn't in my code anywhere
any suggestions?
thanks



























    • Topic Participants

    • imran