Tengo este javascript y funciona bien en mostrar y ocultar pero quiero que solo muestre el que se selecciona pero se muestra en todos los divs que puedo hacer para componer eso? Soy super nuevo... es esto..
<script>
alert ("Sitió Web En Desarrollo")
function info() {
var x = document.getElementsByClassName("info-mas");
for (var i = 0; i < x.length; i++) {
x[i].style.display = "block";
}
}
function ocultarinfo() {
var x = document.getElementsByClassName("info-mas");
for (var i = 0; i < x.length; i++) {
x[i].style.display = "none";
}
}
</script>
<button type="button" class="mas-info" onclick="info()" >Mas Info +</button>
<div class="info-mas">
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<a href="javascript: void(0);" onclick="ocultarinfo()">Menos Info -</a>
</div>
<button type="button" class="mas-info" onclick="info()" >Mas Info +</button>
<div class="info-mas">
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<a href="javascript: void(0);" onclick="ocultarinfo()">Menos Info -</a>
</div>