Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [Jquery] Zakładki w menu
Beacri
post
Post #1





Grupa: Zarejestrowani
Postów: 60
Pomógł: 4
Dołączył: 19.02.2008
Skąd: Łódź

Ostrzeżenie: (0%)
-----


Witam, dopiero się uczę JQuery i mam jeszcze wiele wątpliwości. Chciałbym zrobić panel użytkownika ale żeby wszystko pojawiało się w ramach jednego formularza. Podstron ma być 5 i chciałbym wiedzieć czy da się to zrobić ładniej niż poniższy kod:

  1. <meta http-equiv="Content-Type" content="text/html; charset=utf8" />
  2. <script type="text/javascript" src="jquery-1.7.1.min.js"></script>
  3. <script type="text/javascript">
  4. $(document).ready(
  5. function()
  6. {
  7. $("#link1").click(
  8. function()
  9. {
  10. $("#more1").show();
  11. $("#more2").hide();
  12. $("#more3").hide();
  13. });
  14. $("#link2").click(
  15. function()
  16. {
  17. $("#more1").hide();
  18. $("#more2").show();
  19. $("#more3").hide();
  20. });
  21. $("#link3").click(
  22. function()
  23. {
  24. $("#more1").hide();
  25. $("#more2").hide();
  26. $("#more3").show();
  27. });
  28.  
  29. });
  30.  
  31. </head>
  32. <div>
  33. <p>Lorem ic, posuere ac.
  34. <a href="#" id="link1">Więcej 1</a>
  35. <a href="#" id="link2">Więcej 2</a>
  36. <a href="#" id="link3">Więcej 3</a>
  37. </p>
  38.  
  39. <p id="more1" style="display: none;">Dział 1</p>
  40. <p id="more2" style="display: none;">Dział 2</p>
  41. <p id="more3" style="display: none;">Dział 3</p>
  42.  
  43. </div>
  44. </body>


PS: znalazłem właśnie coś takiego:
http://ferrante.pl/frontend/javascript/jqu...twe-5-zakladki/

Może uda mi się zrozumieć to dzisiaj (IMG:style_emoticons/default/smile.gif)

Ten post edytował Beacri 28.03.2012, 22:23:08
Go to the top of the page
+Quote Post

Posty w temacie


Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 15.09.2025 - 19:22