Autor
Estoy practicando un poco de Jquery y una aplicación que tenia en Ajax y PHP la estoy haciendo migrando a JQuery, pero me he atorado en un punto.
Tengo una lista que se construye a partir de una DB con un foreach que recorre un arreglo y se imprime de la sig forma
- Elemento 1
- Elemento 2
- Elemento ...
- Elemento n
y lo construyo así
Código:
foreach ($lista_seccion as $row)
{
echo $row["idsecciones"].".- ".$row["seccionesnombre"]." <small> <a href='#' id='editar'>editar</a>| <a href='#' id='eliminar'>Eliminar</a></small> <br>";
}
Lo que tengo con Jquery es una función que al darle clic al botón de editar me muestra el contenido oculto en un div y lo hago con este código
Código:
$("#editar").click(function(){
$("#crea_seccion").hide("slow");
$("#edita_seccion").show("slow");
});
El contenido si me lo muestra (div edita_seccion) y oculta (div crea_seccion), pero SOLO para el primer elemento de la lista, para el elemento 2, 3,..., n ya no hace nada, pense que se quedaba con el indice pero refresque y probe dandole clic primero al elemento 2 de la lista y tampoco lo hace, solamente para el elemento 1.
A que se debe y como puedo hacer para que siempre se actualice el div que quiero mostrar al darle clic a los otros elementos de la lista, porque la verdad no le encuentro.
Espero haberme explicado.
En línea
'#editar li' o 'li .clase'
