Adding tabs

This is tab one.

This is tab two.

This is tab three.

This is tab four.



The jQuery Code START 
    
    <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>

<script type="text/javascript">
  $(document).ready(function(){
    $("#tabs").tabs();
  });
  </script>
</head>
<body style="font-size:65%;">
    <h1>Using tabs</h1>
<div id="tabs">
    <ul>
        <li><a href="#fragment-1"><span>Item one</span></a></li>
        <li><a href="#fragment-2"><span>Item two</span></a></li>
        <li><a href="#fragment-3"><span>Item three</span></a></li>
    </ul>
    <div id="fragment-1">
        <p>This is tab one.</p>

    </div>
    <div id="fragment-2">
        <p>This is tab two.</p>
    </div>
    <div id="fragment-3">
        <p>This is tab three.</p>
    </div>
</div>

<form>
  <input type="button" value="Add tab" onclick="add()"></input>
</form>
<div id="results"></div>
<div style="visibility:hidden">
  <ul>
        <li><a href="#fragment-4"><span>Item three</span></a></li>
    </ul>
    <div id="fragment-4">
        <p>This is tab four.</p>
    </div>
</div>