<script src="http://cdn.jquerytools.org/1.2.7/full/jquery.tools.min.js"></script>
<script>
$(function() {
$(".Moose-tabs:first").tabs(".Loose:first > div", { history: true });
});
</script>
<ul class="Moose-tabs">
<li><a id="moose1" href="#tab1">One</a></li>
<li><a id="moose2" href="#tab2">Two</a></li>
<li><a id="moose3" href="#tab3">Three</a></li>
<li><a id="moose4" href="#tab4">Four</a></li>
<li><a id="moose5" href="#tab5">Five</a></li>
<li><a id="moose6" href="#tab6">Six</a></li>
<li><a id="moose7" href="#tab7">Seven</a></li>
<li><a id="moose8" href="#tab8">Eight</a></li>
</ul>
<div class="Loose">
<div><p>One</p></div>
<div><p>Two</p></div>
<div><p>Three</p></div>
<div><p>Four</p></div>
<div><p>Five</p></div>
<div><p>Six</p></div>
<div><p>Seven</p></div>
<div><p>Eight</p></div>
</div>
One
Two
Three
Four
Five
Six
Seven
Eight
<style>
.Loose p, a{
font-family:'Lucida Sans Unicode','Lucida Grande','Lucida Sans','DejaVu Sans Condensed',sans-serif;
font-size:12px;
line-height:20px;
color:#444}
/* root element for tabs */
ul.Moose-tabs {
margin:0 !important;
padding:0;
height:30px;
border-bottom:1px solid #666;
}
/* single tab */
ul.Moose-tabs li {
float:left;
padding:0;
margin:0;
list-style-type:none;
}
/* link inside the tab. uses a background image */
ul.Moose-tabs a {
float:left;
font-size:10px;
display:block;
padding:1px 10px;
text-decoration:none;
border:1px solid #666;
border-bottom:0px;
height:18px;
background-color:#efefef;
color:#777;
margin-right:2px;
position:relative;
top:9px;
outline:0;
-moz-border-radius-topleft: 4px;
-webkit-border-top-left-radius: 4px;
border-top-left-radius: 4px;
-moz-border-radius-topright: 4px;
-webkit-border-top-right-radius: 4px;
border-top-right-radius: 4px;
}
ul.Moose-tabs a:hover {
background-color:#336699;
color:#fff;
}
/* selected tab */
ul.Moose-tabs a.current {
background-color:#F9F9F9;
border-bottom:1px solid #F9F9F9;
color:#000;
cursor:default;
}
/* tab pane */
.Loose div {
display:none;
border:1px solid #666;
border-width:0 1px 1px 1px;
min-height:150px;
padding:15px 20px;
background-color:#F9F9F9;
}
</style>