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>