Skocz do zawartości
Zaloguj się, aby obserwować  
rob.mark

Zamiana diva

Recommended Posts

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??

Udostępnij ten post


Link to postu
Udostępnij na innych stronach

Utwórz konto lub zaloguj się, aby skomentować

Musisz być użytkownikiem, aby dodać komentarz

Utwórz konto

Zarejestruj nowe konto na forum. To jest łatwe!

Zarejestruj nowe konto

Zaloguj się

Masz już konto? Zaloguj się.

Zaloguj się
Zaloguj się, aby obserwować  

×