Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [JavaScript] Menu otwierane
adi456
post
Post #1





Grupa: Zarejestrowani
Postów: 251
Pomógł: 0
Dołączył: 21.01.2010
Skąd: Nowy Sącz

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


Witam, może ktoś polecić jakiś skrypt do otwieranego menu, ponieważ wiekszość posiada dużo niedopracowań. Zależy mi żeby menu otwierało się po kliknięciu, żeby po kliknięciu w odosnik menu się chowało.

Zastosowałem skrypt z tej strony lecz posiada niedociągnięcia, po kliknięciu czegoś w menu nie chowa się, gdy mam 2 menu klikne w jedno otworzy się potem klikam w drugie a to pierwsze dalej jest otwarte (ogólnie problem z zamykaniem, trzeba każdorazowo ręcznie zamykać)

większość skryptów które kiedyś testowałem też miały problemy z zamykaniem się (IMG:style_emoticons/default/sad.gif)

proszę o pomoc

Ten post edytował adi456 5.03.2012, 10:22:20
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
strife
post
Post #2





Grupa: Przyjaciele php.pl
Postów: 2 605
Pomógł: 96
Dołączył: 22.10.2004
Skąd: UK

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


Znaj moje dobre serce (IMG:style_emoticons/default/tongue.gif) Masz jak to powinno wyglądać mniej więcej.

  1. <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  2.  
  3. <script type="text/javascript">
  4. $(document).ready(function() {
  5. $('ul li a.link').click(function() {
  6. $('ul li .li-body').hide();
  7. $(this).parent().find('.li-body').toggle();
  8. });
  9. });
  10.  
  11. .li-body {
  12. display: none;
  13. }
  14.  
  15. <ul>
  16. <li><a class="link" href="java script:void(0)">Element #1</a>
  17. <div class="li-body">zawartosc menu #1</div>
  18. </li>
  19. <li><a class="link" href="java script:void(0)">Element #2</a>
  20. <div class="li-body">zawartosc menu #2</div>
  21. </li>
  22. <li><a class="link" href="java script:void(0)">Element #3</a>
  23. <div class="li-body">zawartosc menu #3</div>
  24. </li>
  25. </ul>
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: 7.10.2025 - 08:00