jQuery Tabs

HTML

<div class="usual">
          <ul class="idTabs">
            <li><a href="#tab1" class="selected">Tab 1</a></li>
            <li><a href="#tab2" class="">Tab 2</a></li>
          </ul>
          <div id="tab1" style="display: block;">
    <h1>Tab 1</h1>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris urna dolor; iaculis eu porta non, convallis nec mi. Maecenas pellentesque scelerisque ipsum. Aenean tempus tortor nec turpis sodales porta. Etiam aliquet nulla non odio malesuada scelerisque! Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas varius dignissim purus ut laoreet.</p>
    </div>
          <div id="tab2" style="display: none;">
    <h1>Tab 2</h1>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris urna dolor; iaculis eu porta non, convallis nec mi. Maecenas pellentesque scelerisque ipsum, ut convallis nibh venenatis et. Maecenas varius dignissim purus ut laoreet.</p>
    </div>
</div>

jquery-1.2.3.pack.js

Click Here to DOWNLOAD

jquery.idTabs.min.js

Click Here to DOWNLOAD

Example

Click to DEMO