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

Reply via email to