Tabs

<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" type="text/javascript"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"
    type="text/javascript"></script>

<script type="text/javascript" language="javascript">
    $(document).ready(function () {
        $("#tabs").tabs();
        $("#tabs").css({
            height: ($(window).height() - 170)
        })
    });
</script>
********
 Design
 --------
<div id="tabs">
        <ul>
            <li><a href="#fragment-1"><span>First</span></a></li>
            <li><a href="#fragment-2"><span>Second</span></a></li>
            <li><a href="#fragment-3"><span>Third</span></a></li>
        </ul>
        <div id="fragment-1">
            one
        </div>
        <div id="fragment-2">
            two
        </div>
        <div id="fragment-3">
            three
        </div>
    </div>