Skip to main content

Mostar Texto y Ocultar texto

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>
Alst Adm
  • 51
  • 1
  • 2
  • 9