Quiero ejecutar una función a través de distintos eventos onclick apilados en un documento html pero al momento de llamar al primero y cerrar; el segundo ejecuta lo del primero y el tercero de la misma manera... así sucesivamente. Lo que debería hacer es que cada evento onclick ejecute por medio de la misma función otro contenido.
este es mi codigo JavasCript
<script type="text/javascript">
function mapShow(evt, infoName) {
var i, x, tablinks;
x = document.getElementsByClassName("info");
for (i = 0; i < x.length; i++) {
x[i].style.display = "none";
}
tablinks = document.getElementsByClassName("tablink");
for (i = 0; i < tablinks.length; i++) {
tablinks[i].className = tablinks[i].className.replace("text-success", "");
}
document.getElementById(infoName).style.display = "block";
evt.currentTarget.firstElementChild.className += " text-success";
}
var cont = 0;
function cerrarIframe() {
if (cont < 1) return mapShow();
cont++;
}
</script>
y estos son los eventos onclick:
<!--PRIMER EVENTO:--------------------->
<ul>
<a href="javascript:void(0)" onclick="mapShow(event, 'map1');" type="button" class="btn btn-link">
<li class="tablink">Sucursal 1 <small>algo q mostrar</small></li></a>
</ul>
<div id="map1" class="row btn001 info">
<div class="col-sm-9 ratio ratio-21x9"><iframe>de google maps</iframe></div>
</div>
<!----------------------------------->
<!--SEGUNDO EVENTO:-------------------->
<ul>
<a href="javascript:void(0)" onclick="mapShow(event, 'map1');" type="button" class="btn btn-link">
<li class="tablink">Sucursal 1 <small>otra cosa q mostrar</small></li></a>
</ul>
<div id="map1" class="row btn001 info">
<div class="col-sm-9 ratio ratio-21x9"><iframe>de google maps</iframe></div>
</div>
<!----------------------------------->
<!--y asi susecivamente-->
He intentado asignar nuevo nombre a la función para cada evento onclick pero no funciona entre otras cosas... Agradezco su ayuda