Jquery po kliknuti na button skovat div#1 a zobrazit div#2

Zdravim, snazim sa docielit toho aby sa po kliknuti na button prvy uz zobrazeny div skryl a zobrazil sa len div druhy.

Kód:

<button id="zmenit_profil"><a href="#">Upraviť profil</a></button>

 <script src="http://code.jquery.com/jquery-latest.js"></script>
    <script type="text/javascript">
    $(document).ready(function() {
    $("#zmenit_profil").click(function() {
    $("#inside").$("#changing");
    });
    });
    </script>

Funguje mi len tato verzia ktora zobrazi ale len ten text "div #2"

Kód:

<button id="zmenit_profil"><a href="#">Upraviť profil</a></button>

<script type="text/javascript">
$(document).ready(function() {
$("#zmenit_profil").click(function() {
$("#inside").html("div #2");
});
});
</script>

Viete mi niekdo poradit ako nato? Vopred velmi pekne dakujem

Pokud jen potřebuješ skrýt zobrazený div a zobrazit nějaký jiný (co je uvedený v kódu a je skrytý například pomocí display:none), je to jednoduché:

$(document).ready(function() {
$("#id_tlacitka").click(function() {
$("#id_skryvaneho_divu").css("display","none");
$("#id_zobrazovaneho_divu").css("display","block") ;
});
});

Jednoduše se nechá udělat i událost pro druhé kliknutí na button, kdy se druhý div skryje a zobrazí se třeba zase ten první.

---------- Příspěvek doplněn 17.11.2011 v 13:54 ----------

Text div #2 ti to zobrazuje z důvodu, že ho posíláš na standardní html výstup pomocí fce html()

Dakujem pekne, presne to som potreboval.

proc css() od toho tady mame .show() .hide()

$(document).ready(function() {
$("#id_tlacitka").click(function() {
$("#id_skryvaneho_divu").hide();
$("#id_zobrazovaneho_divu").show();
});
});

To je Aleši snad úplně jedno :)

nline: Je to jedno, ale je to o trochu přehlednější.

svorc: Nevím, jak to máš přesně navržené, ale pokud bys chtěl, aby se tlačítko chovalo jako přepínač mezi krokem 1 a 2, tak by se dala použít ještě funkce $.toggle():

Kód:

$(function() {
    $('#id_tlacitka').on('click', function() {
        $('#id_skryvaneho_divu').toggle();
        $('#id_zobrazovaneho_divu').toggle();
    });
});