[JavaScript][HTML]Pomoc przy funkcji JS

[JavaScript][HTML]Pomoc przy funkcji JS

Raven1122 Zobacz profil	13.09.2012, 17:28:23 Post #1
Grupa: Zarejestrowani Postów: 369 Pomógł: 2 Dołączył: 1.11.2010 Ostrzeżenie: (0%)	Witam, napisalem taki kodzik: [HTML] pobierz, plaintext <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <script type="text/javascript"> function togglediv(id){ var divstatus = document.getElementById(id); if(divstatus.style.display == 'block') divstatus.style.display = 'none'; else divstatus.style.display = 'block'; } </script> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta http-equiv="Content-Language" content="pl" /> <meta name="Robots" content="ALL" /> <meta name="keywords" content=""> <meta name="description" content="" /> <title></title> </head> <body> <a onClick="togglediv('foo')">Naglowek 1</a> <div id="foo" style="display:block;">Tresc naglowka 1</div> <br /><br /><br /> <a onClick="togglediv('foo2')">Naglowek 2</a> <div id="foo2" style="display:none;">Tresc naglowka 2</div> </body> </html> [HTML] pobierz, plaintext I teraz potrzebuje zrobic tak, aby przy otworzeniu naglowka 2 automatycznie zamykal sie naglowek 1, jak to zrobic?

Odpowiedzi

b4rt3kk Zobacz profil	13.09.2012, 18:10:22 Post #2
Grupa: Zarejestrowani Postów: 1 933 Pomógł: 460 Dołączył: 2.04.2010 Skąd: Lublin Ostrzeżenie: (0%)	Chociaż nie, nie zauważyłem, że nie stosujesz struktury DOM, mała modyfikacja Twojego kodu HTML by pomogła. Np. dodaj <li> lub <div> zamykający oba elementy. [HTML] pobierz, plaintext <div> <a href="#">Naglowek 1</a> <div style="display:block;">Tresc naglowka 1</div> </div> <div> <a href="#">Naglowek 2</a> <div style="display:none;">Tresc naglowka 2</div> </div> [HTML] pobierz, plaintext Teraz jQuery: [HTML] pobierz, plaintext $( $('a').click(togglediv()); ); function togglediv() { $('div div').attr('style', 'display:none'); $(this).closest('div').children('div').show('fast'); } [HTML] pobierz, plaintext W sekcji HEAD musisz dodać bibliotękę jQuery: [HTML] pobierz, plaintext <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script> [HTML] pobierz, plaintext Ten post edytował b4rt3kk 13.09.2012, 18:13:07 -------------------- Jeśli pomogłem, kliknij proszę 'pomógł'. Dzięki.

Posty w temacie

Raven1122 [JavaScript][HTML]Pomoc przy funkcji JS 13.09.2012, 17:28:23

Crozin W funkcji togglediv() najpierw ukryj wszystkie ele... 13.09.2012, 17:41:53

Raven1122 a w jaki sposob to zrobic? jestem w js jescze lajk... 13.09.2012, 17:44:46

b4rt3kk Wydaje mi się, że jQuery w tej kwestii byłby bardz... 13.09.2012, 17:57:12

Raven1122 [HTML] pobierz, plaintext <!DOCTYPE html PUBLIC... 13.09.2012, 18:06:29

b4rt3kk Chociaż nie, nie zauważyłem, że nie stosujesz stru... 13.09.2012, 18:10:22

Raven1122 Nie dziala :s [HTML] pobierz, plaintext <!DOCTY... 13.09.2012, 19:08:55

b4rt3kk Dobra, inaczej, to musi działać [HTML] pobierz, ... 13.09.2012, 20:01:19

Raven1122 dalej nie dziala 13.09.2012, 21:33:07

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

0 Zarejestrowanych:

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

Aktualny czas: 14.08.2025 - 20:08

Hosting zapewnia

Forum PHP.pl