jQuery avec div ne fonctionne pas

Question

Je dois créer un panneau extensible/escamotable dans jQuery, et faire face à certains problèmes. Code HTML

  <div> 
       <img src="8A7FA0A1FFEC5443785B9B29AF7629.jpg" alt="" /> 
       <div> 
        <span> 
        Hello 
       </span> 
       <ul class="myul"> 
        <li>one</li> 
       <li>Two</li> 
        </ul> 
       </div> 
       <img src="8A7FA0A1FFEC5443785B9B29AF7629.jpg" alt="" /> 
       <div> 
        <span> 
        r u there 
       </span> 
       <ul class="myul"> 
       <li>three</li> 
        <li>four</li> 
        </ul> 
       </div> 
       </div> 

jQuerycode:

   $(document).ready(function() { 

       $(".myul").hide(); 

        $("img").click(function() { 
        $(this).next(".myul").slideToggle(600); 
        }); 
        }); 

lorsque je supprime la balise div intérieure

     <div> 
        <span> 
        Hello 
        </span> 

son travail bien, mais avec le innere div sa non working.Can quelqu'un aide . Merci. EDIT: si le code est quelque chose comme:

 <li class="first"> 
     <span> 

     <img src="8A7FA0A1FFEC5443785B9B29AF7629.jpg" width="15" height="15" alt="arrow" /> 
     </span> 
     <div class="mydiv"> 
     <h3> 
      ... 
     </h3> 
     <span>.... </span> 
      <span>.... </span> 


     <ul class="myul"> 
      ....... 

alors j'ai essayé ur code..but son pas working.am je manque quelque chose.

Answer 1

$(this).next("div").find(".myul").slideToggle(600); 

next cherche des frères et soeurs. Avec la div, .myul n'est pas au même niveau que l'image, donc votre code échoue.

Pour le code de mise à jour, essayez:

$(this).parent().next("div").find(".myul").slideToggle(600); 

L'image est à l'intérieur d'une travée, donc évidemment la div est pas à côté de l'image.