JQuery UI Tabs example

by Juan Muñoz

HTML

<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.5/themes/smoothness/jquery-ui.css">
<div id="tabs">
    <ul>
        <li><a href="#tabs-1">Nunc tincidunt</a></li>
        <li><a href="#tabs-2">Proin dolor</a></li>
        <li><a href="#tab3">Aenean lacinia</a></li>
    </ul>
    <div id="tabs-1">
        <p>1.</p>
    </div>
    <div id="tabs-2">
        <p>2.</p>
    </div>
    <div id="tab3">
        <p>3.</p>
        
    </div>
</div>

JavaScript

$(function() {
        $("#tabs").tabs();
    });