How to make a tabber page

For each tab section (3 tabs below)

<div class="tabber">


<div class="tabbertab">
<h3>Section One</h3>
Section one content.
Section one content.
</div>


<div class="tabbertab">
<h3>Section Two</h3>
Section Two content.
Section two content.
</div>


<div class="tabbertab">
<h3>Section three</h3>
Section three content.
Section three content.
</div>


</div>

Download CSS and Javascript code

Download

tabber.js

tabber.css

Place these in Header

Place the code below into the Head portion of your document

<head>
<script type="text/javascript" src="tabber.js"></script>
<link rel="stylesheet" href="tabber.css" TYPE="text/css" MEDIA="screen">
</head>

The Final Touch

<html>

<Title>TabberExample</Title>

<Head>

<script type="text/javascript" src="tabber.js"></script>
<link rel="stylesheet" href="tabber.css" TYPE="text/css" MEDIA="screen">

</Head>

<body>


<div class="tabber">

<div class="tabbertab">
<h3>Section One</h3>
Section one content.
Section one content.
</div>

<div class="tabbertab">
<h3>Section Two</h3>
Section Two content.
Section two content.
</div>

<div class="tabbertab">
<h3>Section three</h3>
Section three content.
Section three content.
</div>

</div>