jQuery tabs

Para configurar un esquema básico con pestañas, comience con un contenedor adjuntando seguida inmediatamente de una lista desordenada que contiene las fichas y luego los recipientes para el contenido de la ficha actual. Por ejemplo:

<div id="example_tabs">
<ul>
<li><a href="#example_tab_1">Tab 1</a></li>
<li><a href="#example_tab_2">Tab 1</a></li>
<li><a href="#example_tab_3">Tab 1</a></li>
</ul>
<div id="example_tab_1">
<p>Content for tab 1</p>
</div>
<div id="example_tab_2">
<p>Content for tab 2</p>
</div>
<div id="example_tab_3">
<p>Content for tab 3</p>
</div>
</div>
<script type="text/javascript">
jQuery(document).ready(function() {
jQuery('#example_tabs').tabs();
});
</script>