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

svorc.com

(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

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

https://webtrh.cz/diskuse/jquery-po-kliknuti-na-button-skovat-div1-a-zobrazit-div2/#reply698353

nline

(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

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

https://webtrh.cz/diskuse/jquery-po-kliknuti-na-button-skovat-div1-a-zobrazit-div2/#reply698352

svorc.com

(3 hodnocení)

17. 11. 2011 13:57:17

Dakujem pekne, presne to som potreboval.

17. 11. 2011 13:57:17

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

https://webtrh.cz/diskuse/jquery-po-kliknuti-na-button-skovat-div1-a-zobrazit-div2/#reply698351

(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

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

https://webtrh.cz/diskuse/jquery-po-kliknuti-na-button-skovat-div1-a-zobrazit-div2/#reply698350

nline

(1 hodnocení)

17. 11. 2011 13:59:48

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

17. 11. 2011 13:59:48

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

https://webtrh.cz/diskuse/jquery-po-kliknuti-na-button-skovat-div1-a-zobrazit-div2/#reply698349

800XE

(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

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

https://webtrh.cz/diskuse/jquery-po-kliknuti-na-button-skovat-div1-a-zobrazit-div2/#reply698348

Pro odpověď se přihlašte.

Přihlásit

Prodej Více

PrivesneVoziky.cz – doména pro prodej vozíků

64 000 Kč

0 příhozů

ChciKmori.cz – doména pro dovolenou a ubytování

32 500 Kč

0 příhozů

BaskaVoda.cz – doména pro ubytování a dovolenou

33 500 Kč

0 příhozů

VakuovePumpy.cz – doména pro prodej a servis

17 990 Kč

0 příhozů

Esente.cz – krátká doména pro vlastní značku

16 990 Kč

0 příhozů

Poptávky Více

Hledám specialistu na Google Analytics 4 – základní nastavení a měření webů

Hledám zkušeného specialistu na Meta Business Manager – blokace účtu, propojení FB/Instagram a reklama

Dodávka serverů pro směrování a zálohování

Poptávka: Vánoční focení (s půjčením šatů)

Poptávka: Fotograf na firemní vánoční večírek

Pracovní nabídky Více

Automation & Manual Tester

Ostrava

QA Automation Engineer (Appium) – Bratislava / Viedeň

Práce z domu

Online Marketing / Brand Manager

Práce z domu, Praha

Senior Client Care Manager SaaS

Práce z domu, Praha

Full-stack vývojář (PHP/Symfony + TypeScript/Next.js) | hybrid Praha | IČO

Práce z domu, Praha

Nabídky Více

LINKBUILDERKA.CZ – Tvorba kvalitních zpětných odkazů (AI a LLM ready)

Velkoobchod Jožánek® – české kojicí, těhotenské a dětské oblečení

Tvorba a redesign webových stránek | Grafika a digitální řešení

Vytěžování dat z webů, notifikační boti, automatizace a weby

⭐Reálné a trvalé RECENZE, které prodávají – Google, Seznam, Facebook…