problems with UI tabs

problems with UI tabs


Hi people, i can´t make it work fine the UI tabs plugin. i downloaded
the entery jquery UI, i added to my project, etc etc. The problem is
that instead of getting the tabs, i get a list (it seems without css)
and all the elements in one tab, but when i click the for example the
second element on the list(second tab), it tookme to the elements that
should be in the second tab...
this is my code:
<link rel="stylesheet" type="text/css" href="/...../css/tabs/
ui.tabs.css" />
<script type="text/javascript" src="/Octopus/js/jquery/
jquery.ui1.6.js"></script>
<script type="text/javascript">
.
.
$(document).ready(function() {
$('#tabs').tabs();});
</script>
<div id="tabs">
<ul>
<li><a href="#tabs-1">Test</a></li>
<li><a href="#tabs-2">Alarmas</a></li>
</ul>
<div id="tabs-1">
//cakephp code
</div>
//cakephp code
<div id="tabs-2">
</div>
</div>
i´m new in jquery, any ideas would be apreciatted!! thanks!