Problema menu de pestañas correderas

[alexk]

HTML
Esto dentro del head

Código HTML:

<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.custom.min.js"></script>
<script type="text/javascript">
    $(function(){
        // Tabs
        $('#tabs').tabs();              
    });
</script>
 

esto dentro del body

Código HTML:

<div id="tabs">
    <ul>
        <li><a href="#tabs-1">Primera pestaña</a></li><!--en el href va la misma id del div a mostrar-->
        <li><a href="#tabs-2">Segunda pestaña</a></li>
        <li><a href="#tabs-3">Tercera pestaña</a></li>
    </ul>
    <div id="tabs-1"><p>Contenido de la primera pestaña</p></div><!--esta id es la misma en el href de la pestaña-->
    <div id="tabs-2"><p>Contenido de la segunda pestaña</p></div>
    <div id="tabs-3"><p>Contenido de la tercera pestaña</p></div>
</div>
 

aver si me entiendes que no veo otra manera de mostrarlo chao!...