Chowanie i pokazywanie diva jednym linkiem

Chowanie i pokazywanie diva jednym linkiem

koks1429 Zobacz profil	27.04.2010, 19:46:07 Post #1
Grupa: Zarejestrowani Postów: 8 Pomógł: 0 Dołączył: 28.03.2010 Ostrzeżenie: (0%)	Witam, mam skrypt który po kliknięciu pierwszego linku 'pokazuje' nam ukrytego diva a drugi go 'chowa'. Ale chciałbym zrobić aby jeden link był od 'chowania' i 'pokazywania'. Np. klikasz na link 'ukryty div' i jeśli jest chowany to go pokazuje a jeśli jest pokazany to go chowa. Jak mam to zrobić? [HTML] pobierz, plaintext <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <title>Test</title> <script type="text/javascript"> //<![CDATA[ function change(id, newClass) { identity=document.getElementById(id); identity.className=newClass; } //]]> </script> <style type="text/css"> div.hidden { display: none; } div.promptshow { background: #bbb; display: block; } </style> </head> <body> <div> <a href="#" onclick="change('hiddendiv1', 'promptshow');">Display div 1</a> <a href="#" onclick="change('hiddendiv1', 'hidden');">Hide div 1</a> <div class="hidden" id="hiddendiv1">To jest div v1</div> </div> </body> </html> [HTML] pobierz, plaintext

nospor Zobacz profil	27.04.2010, 19:49:47 Post #2
Grupa: Moderatorzy Postów: 36 557 Pomógł: 6315 Dołączył: 27.12.2004	Po grzyba mieszasz w to klase? Kod function change(id) { identity=document.getElementById(id); if (identity.style.display=='none') identity.style.display = 'block'; else identity.style.display = 'none'; } A jakbys uzywal np. jQuery to by wystarczylo zwykle toggle() i czemu to dales w php? Co to ma do php? Przenosze -------------------- *"Myśl, myśl, myśl..."* - Kubuś Puchatek \|\| *"Manual, manual, manual..."* - Kubuś Programista *"Szukaj, szukaj, szukaj..."* - Kubuś Odkrywca \|\| *"Debuguj, debuguj, debuguj..."* - Kubuś Developer

1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)

0 Zarejestrowanych:

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Aktualny czas: 12.07.2025 - 10:09

Hosting zapewnia