Tabs

Tabs são usadas para separar o conteúdo em sessões que podem ser alternadas economizando espaço e deixando o layout mais rico.

Aqui vai o conteúdo da tab 1.

Podemos colocar qualquer conteúdo aqui, e aparecerá na tab 2.

A tab 3 tem mais conteúdo aqui.

Veja como é simples: 

$('#meu_tab').tabs();
HTML: 
<div id="meu_tab">
    <ul>
      <li><a href="#tabs-1">tab 1</a></li>
      <li><a href="#tabs-2">tab 2</a></li>
      <li><a href="#tabs-3">tab 3</a></li>
    </ul>
    <div id="tabs-1">
      <p>Conteúdo tab 1</p>
    </div>
    <div id="tabs-2">
      <p>Conteúdo tab 2</p>
    </div>
    <div id="tabs-3">
      <p>Conteúdo tab 3</p>
    </div>
</div>