Salve,
ho un menu

<div class="btn-group checkout-progress">
<ul> <a href="#c" data-toggle="tab" role="button" class="btn btn-step " ><span class="step-nb">1</span> <span class="step-label">1</span></a></li>
<a href="#f" data-toggle="tab" role="button" class="btn btn-step "><span class="step-nb">2</span> <span class="step-label">2</a></li>
<a href="#p" data-toggle="tab" role="button" class="btn btn-step "><span class="step-nb">3</span> <span class="step-label">3</a></li>
<a href="#o" data-toggle="tab" role="button" class="btn btn-step "><span class="step-nb">4</span> <span class="step-label">4</a></li> </ul>
</div>

successivamente ho il div che mi richiama l'id #c
<div class="tab-pane fade" id="c">
......

Il mio problema è che voglio far uscire nella pagina iniziale il menu selezionato ad 1 con il contenuto..

In questo momento il menu mi esce cosi

1 | 2 | 3 | 4 |
e non ho nulla nella pagina

mentre io vorrei
1| 2 | 3 | 4|
il testo richiamato dal div <div class="tab-pane fade" id="c">


HO provato anche ad utilizzare active ma di sicuro sbaglio qualcosa