Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [jQuery] toggle i niedzialajace linki
wiewiorek
post
Post #1





Grupa: Zarejestrowani
Postów: 247
Pomógł: 11
Dołączył: 5.09.2009

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


Mam pytanie jak zmusic toggle zeby linki w elemencie do ktorego mam przypisany skrypt jquery dzialaly - to znaczy zeby po kliknieciu na link po prostu otwierala sie strona, bo obecnie po kliknieciu na link nic sie nie dzieje:

  1. <script type="text/javascript">
  2. $(document).ready(function() {
  3.  
  4. $("#menu li ul").hide();
  5.  
  6. $("#menu li").toggle(
  7. function () {
  8. $(this).children("ul").show();
  9. },function(){
  10. $(this).children("ul").hide();
  11. });
  12.  
  13. });
  14.  
  15. <ul id="menu">
  16. <li>aa
  17. <ul>
  18. <li><a href="/">aa2</a></li>
  19. <li><a href="/">aa3</a></li>
  20. </ul>
  21. </li>
  22. <li>bb
  23. <ul>
  24. <li><a href="/">bb2</a></li>
  25. <li><a href="/">bb3</a></li>
  26. </ul>
  27. </li>
  28. </ul>
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
athei
post
Post #2





Grupa: Zarejestrowani
Postów: 389
Pomógł: 141
Dołączył: 11.04.2009

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


Użyj tego
[JAVASCRIPT] pobierz, plaintext
  1. $("#menu li ul").hide();
  2.  
  3. var clicked = false;
  4. $('#menu li').bind("click", function(evt)
  5. {
  6. if(clicked) clicked = false;
  7. else clicked = true;
  8. if (clicked) {
  9. $(this).children("ul").show();
  10. }
  11. if(!clicked){
  12. $(this).children("ul").hide();
  13. }
  14. });
[JAVASCRIPT] pobierz, plaintext


albo tego
[JAVASCRIPT] pobierz, plaintext
  1. $("#menu li ul").hide();
  2. $('a.klik').click(function() {
  3. $(this).next().toggle();
  4. });
[JAVASCRIPT] pobierz, plaintext

  1. <ul id="menu">
  2. <li>
  3. <a class="klik">aa</a>
  4. <ul>
  5. <li><a href="http://www.google.pl">aa2</a></li>
  6. <li><a href="/">aa3</a></li>
  7. </ul>
  8. </li>
  9. <li>
  10. <a class="klik">bb</a>
  11. <ul>
  12. <li><a href="/">bb2</a></li>
  13. <li><a href="/">bb3</a></li>
  14. </ul>
  15. </li>
  16. </ul>


Ten post edytował athei 28.07.2010, 21:38:41
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: 2.10.2025 - 23:25