[CSS][JavaScript]style.block,none

[CSS][JavaScript]style.block,none

neo1986kk Zobacz profil	24.01.2010, 18:59:28 Post #1
Grupa: Zarejestrowani Postów: 561 Pomógł: 3 Dołączył: 2.02.2009 Ostrzeżenie: (0%)	[PHP] pobierz, plaintext <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Untitled</title> <style type="text/css"> <!-- #dropper { display: none; } --> </style> <script language="JavaScript" type="text/javascript"> <!-- function toggleDiv(element){ if(document.getElementById(element).style.display = 'none') { document.getElementById(element).style.display = 'block'; } else if(document.getElementById(element).style.display = 'block') { document.getElementById(element).style.display = 'none'; } } //--> </script> </head> <body> <div onClick="toggleDiv('dropper')">Main</div> <div id="dropper"> <ul> <li>1</li> <li>2</li> </ul> </div> </body> </html> [PHP] pobierz, plaintext Dlaczego po ponownym naciśnięciu nie chowa elementu <div id="dropper">?? Kod wydaje sie poprawny, konsola nie wyświetla błedów, sprawdzane na FF

Odpowiedzi

Burned Zobacz profil	24.01.2010, 19:13:29 Post #2
Grupa: Zarejestrowani Postów: 67 Pomógł: 8 Dołączył: 19.05.2004 Skąd: Warszawa Ostrzeżenie: (0%)	Jakiś podobny problem kiedyś miałem. Poekserymentowałem trochę i działające rozwiązanie wyglądało mniej więcej tak: [HTML] pobierz, plaintext <script language="JavaScript" type="text/javascript"> <!-- function toggleDiv(element){ var myElement = document.getElementById(element); if(myElement.style.display != 'block') { myElement.style.display = 'block'; } else { myElement.style.display = 'none'; } } //--> </script> <a href="#" onClick="toggleDiv('dropper');return false;">Main</a> <div id="dropper" style="display:none;"> <ul> <li>1</li> <li>2</li> </ul> </div> [HTML] pobierz, plaintext Nie zagłębiałem się dlaczego tak działa, a inaczej nie za bardzo chce. EDIT: bełdzio zauważył faktycznie ważny błąd, przez który nie miało prawa działać. Ten post edytował Burned 24.01.2010, 19:14:38