Zamiana diva

[rob.mark]

Witam.

Mam takie coś:

<div>
        <button class="btn btn-warning" id="btn1" data-target="first">Btn1</button>
        <button class="btn btn-warning" id="btn2" data-target="second">Btn2</button>
</div>
<div id="content">
    <div id="first">
        Zawartość pierwszego diva
    </div>
    <div id="second">
        Zawartość drugiego diva
    </div>
</div>

A do tego skrypt:

$('.btn').click(function() {
    $('#content div').hide();
    var target = '#' + $(this).data('target');
    $(target).show();
})

To działa, divy się zamieniają, ale chciałbym, aby na starcie wyświetlała się tylko zawartość pierwszego diva, a dopiero po kliknięciu na button drugi miałaby pojawiać się zawartość drugiego diva. Fajnie byłoby też, aby to jaki div jest wyświetlany wskazywał aktywny button.

W tej chwili na starcie wyświetlają się oba divy, a dopiero po kliknięciu odpowiedniego buttona wyświetla się pierwszy bądź drugi. Chcę by na "dzień dobry" widoczny był pierwszy div i aktywny button pierwszy, a dopiero po ewentualnym kliknięciu drugiego buttona - drugi div i aktywny drugi klawisz.

Czy ktoś doprawi ów skrypt??

[pablop76]

#second{
  display: none;
}