Skip to main content
<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" ;"block"; 
                 } }
            }
    function ocultarinfo() {
                    var x = document.getElementsByClassName("info-mas");
                    for (var i = 0; i < x.length; i++) { 
                    x[i].style.display = "none" ;"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>
<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>
<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>
se añadieron 138 caracteres en el cuerpo
Origen Enlace
user75901
user75901
alert("Sitió Web En Desarrollo")function info(){var x = document.getElementsByClassName("info-mas");for(var i = 0; i

Mas Info +

Menos Info-Mas Info +

Menos Info-

<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>
alert("Sitió Web En Desarrollo")function info(){var x = document.getElementsByClassName("info-mas");for(var i = 0; i

Mas Info +

Menos Info-Mas Info +

Menos Info-

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

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..

alert ("Sitió Web En Desarrollo") function info() { var x = document.getElementsByClassName("info-mas"); for (var i = 0; i

Mas Info +

Menos Info - Mas Info +

Menos Info -