[CSS][jQuery] Podmiana Obrazka, Kod nie wykazuje błędów, a nie działa... Opcje

[oomaster]

Witam,

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

[HTML] pobierz, plaintext 
<script type="text/javascript">
$(document).ready(function()
{
	$("#menu li").click(function()
    {
		$(this).attr("src", "img/a.gif").next("#menu_p").slideToggle(300).siblings("#menu_p").slideUp("slow");
       	$(this).siblings().attr("src", "img/b.gif");
	});
});
</script>
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
<ul id="menu">
     <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>
	 <ul id="menu_p">
           <li><a href="#">Link 2.1</a></li>
           <li><a href="#">Link 2.3</a></li>
           <li class="ac"><a href="#">Link 2.4</a></li>
           <li><a href="#">Link 2.5</a></li>
         </ul>
     <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>
         <ul id="menu_p">
           <li><a href="#">Link 2.1</a></li>
           <li><a href="#">Link 2.3</a></li>
           <li class="ac"><a href="#">Link 2.4</a></li>
           <li><a href="#">Link 2.5</a></li>
         </ul>
 
     <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>
	 <ul id="menu_p">
           <li><a href="#">Link 2.1</a></li>
           <li><a href="#">Link 2.3</a></li>
           <li class="ac"><a href="#">Link 2.4</a></li>
           <li><a href="#">Link 2.5</a></li>
         </ul>
     <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>
	 <ul id="menu_p">
           <li><a href="#">Link 2.1</a></li>
           <li><a href="#">Link 2.3</a></li>
           <li class="ac"><a href="#">Link 2.4</a></li>
           <li><a href="#">Link 2.5</a></li>
         </ul>
     <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>
         <ul id="menu_p">
           <li><a href="#">Link 5.1</a></li>
           <li><a href="#">Link 5.2</a></li>
         </ul>
     <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>
	 <ul id="menu_p">
           <li><a href="#">Link 2.1</a></li>
           <li><a href="#">Link 2.3</a></li>
           <li class="ac"><a href="#">Link 2.4</a></li>
           <li><a href="#">Link 2.5</a></li>
         </ul>
</ul>
[HTML] pobierz, plaintext 

Z góry dzięki ;-)

[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");
    });
});