Tengo un botón (llamémoslo botón principal) con tres divisiones en su interior:
El info-div y el botón de colapso están ocultos por defecto y se muestran cuando se presiona el botón principal. Esto da como resultado lo siguiente: ve el póster de un cómic y cuando hace clic en él, aparece información sobre él debajo del póster. El botón de colapso que aparece en la parte inferior se usa para... colapsarlo: oculta el segundo div y hace que todo el artilugio vuelva a su estado normal.
El problema es el siguiente:
Cuando hago clic en el botón de colapso, se ejecuta el detector de eventos para "hacer clic" y todo se colapsa. Sin embargo, por alguna razón, el detector de eventos del botón principal también se activa y todo se muestra nuevamente. Un bucle. Puede mostrar la información, pero nunca volver a ocultarla.
¿Cómo puedo asegurarme de que cuando se presiona el botón de colapso, el botón principal no se activa también?
¡Gracias!
Dentro de la función "clic" puede detener la propagación del evento para que no llegue a los otros componentes
event.stopImmediatePropagation();