ho trovato questa libreria che mi sembra molto utile e semplice da usare ma purtroppo non riseco a capire dove sbaglio...

il risultato è questo:
http://jquerytools.org/demos/tabs/index.htm

ma facendo un semplice copia e incolla non riesco a far visualizzre ilcontenuto delle tab
ho salvato tutto su hd...

i css e il resto li trovate sul sito ripeto ho fatto solo copia e incolla

codice:
<!DOCTYPE html>
<html>

<head>
  <title>jQuery Tools standalone demo</title>

    
  <script src="jquery.tools.min.js"></script>
  
  
  <link rel="shortcut icon" href="/media/img/favicon.ico">
  <link rel="stylesheet" type="text/css"
        href="standalone.css"/>

  <link rel="stylesheet" href="tabs.css"
      type="text/css" media="screen" />
<link rel="stylesheet" href="tabs-panes.css"
      type="text/css" media="screen" />
</head>
<body>
<ul class="tabs">
	[*]Tab 1
	[*]Tab 2
	[*]Tab 3[/list]


<div class="panes">
	<div>First tab content. Tab contents are called "panes"</div>
	<div>Second tab conjfgvkdfgkjdfkgjndfngd







kdfjvbkjdfnvktent</div>
	<div>Third tab content</div>
</div>

<script>
// perform JavaScript after the document is scriptable.
$(function() {
    // setup ul.tabs to work as tabs for each div directly under div.panes
    $("ul.tabs").tabs("div.panes > div");
});
</script>
</body>
</html>