Puedes hacerlo utilizando identificadores únicos (
id
) o agrupando cada par botón-ventana modal en elementos de bloque.
Para la primera forma, tan solo tendrías que utilizar identificadores diferentes, teniendo así que prescindir de la clase con la que actualmente trabajas. La función necesitaría recibir el identificador como parámetro y así podrás tomar a la ventana modal respectiva y mostrarla u ocultarla.
Para la segunda forma, puedes agrupar a cada par botón-ventana modal en elementos como los
<div>
, de tal forma que, cuando pulses a cualquiera de los botones, tomarías a su elemento ancestro (el contenedor) mediante la propiedad
parentNode
y en él buscarías a la ventana modal respectiva que será mostrada u ocultada.