Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS][jQuery] Podmiana Obrazka
Forum PHP.pl > Forum > Przedszkole
oomaster
Witam,

Mam problem. Otóż firebug nie wykazuje bugów a jednak kod nie działa...

  1. <script type="text/javascript">
  2. $(document).ready(function()
  3. {
  4. $("#menu li").click(function()
  5. {
  6. $(this).attr("src", "img/a.gif").next("#menu_p").slideToggle(300).siblings("#menu_p").slideUp("slow");
  7. $(this).siblings().attr("src", "img/b.gif");
  8. });
  9. });


  1. <ul id="menu">
  2. <li><div class="blk"><a href="#">Link 1</a></div><div class="blk_l"><a href="#"><img src="img/a.gif"></a></div><div class="czysc"></div></li>
  3. <ul id="menu_p">
  4. <li><a href="#">Link 2.1</a></li>
  5. <li><a href="#">Link 2.3</a></li>
  6. <li class="ac"><a href="#">Link 2.4</a></li>
  7. <li><a href="#">Link 2.5</a></li>
  8. </ul>
  9. <li><div class="blk"><a href="#">Link 2</a></div><div class="blk_l"><a href="#"><img src="img/a.gif"></a></div><div class="czysc"></div></li>
  10. <ul id="menu_p">
  11. <li><a href="#">Link 2.1</a></li>
  12. <li><a href="#">Link 2.3</a></li>
  13. <li class="ac"><a href="#">Link 2.4</a></li>
  14. <li><a href="#">Link 2.5</a></li>
  15. </ul>
  16.  
  17. <li><div class="blk"><a href="#">Link 3</a></div><div class="blk_l"><a href="#"><img src="img/a.gif"></a></div><div class="czysc"></div></li>
  18. <ul id="menu_p">
  19. <li><a href="#">Link 2.1</a></li>
  20. <li><a href="#">Link 2.3</a></li>
  21. <li class="ac"><a href="#">Link 2.4</a></li>
  22. <li><a href="#">Link 2.5</a></li>
  23. </ul>
  24. <li><div class="blk"><a href="#">Link 4</a></div><div class="blk_l"><a href="#"><img src="img/a.gif"></a></div><div class="czysc"></div></li>
  25. <ul id="menu_p">
  26. <li><a href="#">Link 2.1</a></li>
  27. <li><a href="#">Link 2.3</a></li>
  28. <li class="ac"><a href="#">Link 2.4</a></li>
  29. <li><a href="#">Link 2.5</a></li>
  30. </ul>
  31. <li><div class="blk"><a href="#">Link 5</a></div><div class="blk_l"><a href="#"><img src="img/a.gif"></a></div><div class="czysc"></div></li>
  32. <ul id="menu_p">
  33. <li><a href="#">Link 5.1</a></li>
  34. <li><a href="#">Link 5.2</a></li>
  35. </ul>
  36. <li><div class="blk"><a href="#">Link 6</a></div><div class="blk_l"><a href="#"><img src="img/a.gif"></a></div><div class="czysc"></div></li>
  37. <ul id="menu_p">
  38. <li><a href="#">Link 2.1</a></li>
  39. <li><a href="#">Link 2.3</a></li>
  40. <li class="ac"><a href="#">Link 2.4</a></li>
  41. <li><a href="#">Link 2.5</a></li>
  42. </ul>
  43. </ul>


Z góry dzięki ;-)
viking
A czym jest $(this)? Jak już to bardziej $(this).find('img')...
oomaster
nie działa całkowicie:

Kod
$(document).ready(function()
{
    $("#menu li").click(function()
    {
        $(this).find('img').attr("src", "img/a.gif").next("#menu_p").slideToggle(300).siblings("#menu_p").slideUp("slow");
           $(this).find('img').siblings().attr("src", "img/b.gif");
    });
});
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.