jQuery Buscar siguiente elemento dentro de la tabla Fila

Question

Tengo esta función:

$("span.expandimg").click(function(){ 
    $(this).nextAll(".toggle_container:first").slideToggle("slow"); 
}); 

que funcionó muy bien con:

<span class="expandimg"><a href="#"><img id="iexpand" src="images/expand.png" border="0" /><img id="icollapse" src="images/collapse.png" border="0" /></a></span>&nbsp;<a href="asdfa" class="DSF">First Link</a> 

<div class="toggle_container"> 
Some Text 
</div> 

pero ahora estoy poniendo "expandimg" dentro de una columna de tabla y "toggle_container "dentro de otra columna. Algo como esto:

<tr> 
    <td><span class="expandimg">......</td> 
    <td><div class="toggle_container">.....</td> 
<tr> 

¿Cómo puedo encontrar el elemento "toggle_container" ahora? Quiero hacer clic en "expandimg" para expandir "toggle_container", pero no funciona con la función que tengo.

Gracias!

Answer 1

$("span.expandimg").click(function(){ 
    $(this) 
     .closest("tr") 
     .find("td .toggle_container") 
     .slideToggle("slow"); 
}); 

Answer 2

Con el HTML que actualmente tienen esto debería funcionar -

$("span.expandimg").click(function(){ 
    $(this).parent().siblings().find(".toggle_container:first").slideToggle("slow"); 
}); 

Demo - http://jsfiddle.net/QAkKP/

Answer 3

$("span.expandimg").click(function(){ 
    $(this).parents("tr").find(".toggle_container").slideToggle("slow"); 
}); 

sube el elemento TR padres, las búsquedas que para el .toggle_container.

debería funcionar :)