jquery cambio dinamico contenido con PHP

[Carlosnuel]

Hola a todos,
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 [Seleccionar] Expandir


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 [Seleccionar] Expandir


$("#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.

   
       

[[u]nsigned]

Eso es por que tenes muchos elementos con el id "editar", y JQuery solo te toma el primero...

[Carlosnuel]

Eso es por que tenes muchos elementos con el id "editar", y JQuery solo te toma el primero...

Pero entonces no hay forma de hacerlo dinámico (que se construyan tantos elementos como hay en la lista )

[Nakp]

usa selectores css '#editar li' o 'li .clase'

[Carlosnuel]

ya lo resolvi con javascript. Simplemente muestro y oculto el DIV con CSS.