Zadejte hledaný výraz...

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

svorc.com
verified
rating uzivatele
(3 hodnocení)
17. 11. 2011 13:30:34
Zdravim, snazim sa docielit toho aby sa po kliknuti na button prvy uz zobrazeny div skryl a zobrazil sa len div druhy.
Funguje mi len tato verzia ktora zobrazi ale len ten text "div #2"
Viete mi niekdo poradit ako nato? Vopred velmi pekne dakujem
17. 11. 2011 13:30:34
https://webtrh.cz/diskuse/jquery-po-kliknuti-na-button-skovat-div1-a-zobrazit-div2#reply698353
nline
verified
rating uzivatele
(1 hodnocení)
17. 11. 2011 13:51:22
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()
17. 11. 2011 13:51:22
https://webtrh.cz/diskuse/jquery-po-kliknuti-na-button-skovat-div1-a-zobrazit-div2#reply698352
svorc.com
verified
rating uzivatele
(3 hodnocení)
17. 11. 2011 13:57:17
Dakujem pekne, presne to som potreboval.
17. 11. 2011 13:57:17
https://webtrh.cz/diskuse/jquery-po-kliknuti-na-button-skovat-div1-a-zobrazit-div2#reply698351
hm
verified
rating uzivatele
(20 hodnocení)
17. 11. 2011 13:57:26
proc css() od toho tady mame .show() .hide()
$(document).ready(function() {
$("#id_tlacitka").click(function() {
$("#id_skryvaneho_divu").hide();
$("#id_zobrazovaneho_divu").show();
});
});
17. 11. 2011 13:57:26
https://webtrh.cz/diskuse/jquery-po-kliknuti-na-button-skovat-div1-a-zobrazit-div2#reply698350
nline
verified
rating uzivatele
(1 hodnocení)
17. 11. 2011 13:59:48
To je Aleši snad úplně jedno :)
17. 11. 2011 13:59:48
https://webtrh.cz/diskuse/jquery-po-kliknuti-na-button-skovat-div1-a-zobrazit-div2#reply698349
800XE
verified
rating uzivatele
(8 hodnocení)
17. 11. 2011 14:57:10
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():
17. 11. 2011 14:57:10
https://webtrh.cz/diskuse/jquery-po-kliknuti-na-button-skovat-div1-a-zobrazit-div2#reply698348
Pro odpověď se přihlašte.
Přihlásit