Come utilizzare navbars come schede in jquery mobile

Question

Questo è il codice riportato di seguito, che ho provato a giocherellare Jsfiddle codice

<div data-role="navbar">
<ul>
    <li><a href="#tab-1">Tab1</a></li>
    <li><a href="#tab-2">Tab2</a></li>
    <li><a href="#tab-3">Tab3</a></li>
</ul>
</div>

<div data-role="content">
    <div id="tab-1">
       <h2>Here is the first tab</h2>
    </div>

    <div id="tab-2">
        <h2>Here is the second tab</h2>
    </div>
    <div id="tab-3">
        <h2>Here is the third tab</h2>
    </div>
</div>

1. Ho bisogno di mostrare il primo tab e il suo contenuto per impostazione predefinita
2. Ho bisogno di nascondere il contenuto di un'altra scheda, quando una particolare viene visualizzata la scheda

Come fare?

​