[SOLUCIONADO] IDs dinámicas

[Inmortia]

Buenas.

Esto es algo que ya hice hace tiempo y he intentado buscarlo usando el buscador pero no hay forma de encontrarlo. Espero que con este título pueda encontrarlo en un futuro si vuelvo a olvidar como se hacia...

El caso es que estoy modificando algunas cosas de un foro y quiero que las firmas estén en "spoiler". El típico div oculto hasta que haces click en algo. El problema es que firma tiene todo el que postea así que la id es "aleatoria". Utilizo el número de mensaje par que la id sea diferente en cada situación. He buscado por google varias posibles soluciones pero por algun motivo que aun no comprendo, no funcionan.

El último que he probado es esto

Código Javascript:

$("#click-sign").click(function(e){
                e.preventDefault();
                $(this).next("div").slideToggle("slow");
        });
 

Y no funciona. Sinceramente yo no veo fallo alguno en este código como para no funcionar. El HTML es el siguiente:

Código HTML:

<button id="click-sign"></button>
<div id="sigtopic123"></div>
 

El número de sigtopic varía según el mensaje. Aparte de este, usando el next, también he probado usando el ^= que si mal no recuerdo, es para condicionar la id y ese lo que hace es buscar una id que comience por tal cosa pero permite que el final pueda variar. Ese seria el caso de sigtopic y tampoco funcionaba, solo funcionaba en el primer mensaje.

No se si alguien sería capaz de decirme cual puede ser el problema. Voy a intentar reescribir el script donde usaba el ^= y lo pondré porque me gustaría saber también por qué no funcionaba.

Gracias a quien decida ayudarme ^^

[Enano_la22]

No entiendo bien cual es tu pregunta... Quieres que al hacer click en un boton, se ponga visible el div siguiente??

[Inmortia]

Iniciado por Inmortia

El típico div oculto hasta que haces click en algo. El problema es que firma tiene todo el que postea así que la id es "aleatoria". Utilizo el número de mensaje par que la id sea diferente en cada situación.

Lo que quiero es que al hacer click en el botón, el div se muestre pero la id del div no es fija así que no conozco cual es su id y no puedo mostrarlo con un script típico. Necesito que el script comprenda que la id tiene un número que no conozco al final del id.

O cualquier otra técnica que sepáis para mostrar u ocultar con ids que no sean fijas porque si no se van a repetir constantemente.

[Enano_la22]

Si es solo un div con un id que cambia....podes ponerle al div una clase y listo..
<div id="sigtopic123" class="sigtopicClass"></div>

Entonces solo con $(".sigtopicClass").slideToggle("slow") lo podes mostrar

[Inmortia]

Buenas.

He probado lo que me has dicho pero solo funciona en el primer elemento. Las demás firmas siguen sin mostrarse cuando hago click en su botón.

Edito porque lo que esta sucediendo es que el primero botón muestra todas las firmas que es lo que quiero evitar, por eso estaba utilizando ids dinámicas. Alguna posible solución?

Edito de nuevo. Ya esta solucionado. Estaba tambien usando una id fija para el botón así que se duplicaba y habia problemas con eso, un fallo mío pero aparte no funcionaba lo anterior así que dejo el script que sí funciona.

Código Javascript:

$(document).ready(function() {
        $('.click-sign').click(function() {
            signature = $(this).next().attr("id");
            $("#" + signature).slideToggle("slow");
        });
});
 

Gracias a enano_la22 que con el consejo de la clase se me ha encendido la bombilla :P

[Enano_la22]

Prueba esto:
$(".click-sign").click(function(){
$(this).next("div").slideToggle("slow");
});

En cada boton pone como class= click-sign
<button class="click-sign"></button>
<div id="sigtopic123"></div>