[CSS][jQuery]Skrócenie zapisu

[CSS][jQuery]Skrócenie zapisu

MateuszS Zobacz profil	21.06.2009, 15:36:09 Post #1
Grupa: Zarejestrowani Postów: 1 429 Pomógł: 195 Dołączył: 6.10.2008 Skąd: Kraków/Tomaszów Lubelski Ostrzeżenie: (0%)	Hi. Zacząłem naukę jQuery bo wypada znać, postanowiłem zrobić sobie proste dynamiczne menu. No i zrobiłem [HTML] pobierz, plaintext <style type="text/css"> div.div1 { margin-top: 50px; margin-left: 20px; background: green; width: 200px; color: white; float: left; } div.div2 { margin-top: 50px; width: 400px; background: blue; display: block; float: left; } p.p { display: none; } p.p1 { display: none; } p.p2 { display: none; } </style> <script type="text/javascript" src="jQuery.js"></script> <script type="text/javascript"> $(document).ready( function() { $(".li").click( function() { $(this).next("p").toggle("slow"); $(".a").click( function () { $(".p1").show("slow"); $("p").not(".p1").not(".p").hide(); }); $(".a2").click( function () { $(".p2").show("slow"); $("p").not(".p2").not(".p").hide(); }); }); }); </script> </head> <body vlink="white" link="white" alink="white"> <div class="div1"> <b>Menu</b> <ul class="ul"> <li class="li">Menu pierwsze </li> <p class="p"><a href="#" class="a">Akapit do rozwinięcia 1</a></p> <li class="li">Menu drugie </li> <p class="p"><a href="#" class="a2">Akapit do rozwinięcia 2</a></p> </ul> </div> <div class="div2"> <p class="p1">Myślę że to dobre rozwiązanie</p> <p class="p2">Myślę że to jest wszystko porąbane</p> </div> [HTML] pobierz, plaintext No i chce sie zapytac czy da sie to okrocic bo nie bede co nowy dzial dodawal 10 linijek jQuery i stylow. Myslalem nad zrobieniem funkcji ale musialbym jakos zmienna wpakowac pod klase jednak nie bardzo wiem jak ^^ Nakierujcie mnie prosze. Pozdrawiam -------------------- O! Zimniok :P