Código de JavaScript - Ocultar y mostrar un elemento con un botón

Val: 3.162

Ocultar y mostrar un elemento con un botón

Actualizado el 26 de Agosto del 2019 por Xve (294 códigos) (Publicado el 12 de Julio del 2018)

5.933 visualizaciones desde el 12 de Julio del 2018

Simple código que muestra como mostrar o ocultar un elemento añadiéndole o quitandole una clase de CSS que esconde o muestra el elemento.

Publicado el 12 de Julio del 2018

1.387 visualizaciones desde el 12 de Julio del 2018

Publicado el 26 de Agosto del 2019

4.547 visualizaciones desde el 26 de Agosto del 2019

<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

    <style>

    .hide {display:none;}

    </style>

</head>

<body>

<input type="button" onclick="mostrarOcultar('elemento1');" value="Mostrar/Ocultar">

<div id="elemento1">

Pulsa sobre el botón para esconder o mostrar este texto

</div>

<script>

/**

 * Funcion para ocultar o mostrar un elemento añadiendole o quitandole la clase

 * css "hide"

 * @param string idElemento Tiene que recibir el id del elemento

*/

function mostrarOcultar(idElemento)

    document.getElementById(idElemento).classList.toggle("hide");

</script>

</body>

</html>

22 de Octubre del 2019

No ha dejado ningún comentario

Responder


Nombre

Correo (no se visualiza en la web)

Valoración

Comentarios...

CerrarCerrar

Es necesario revisar y aceptar las políticas de privacidad

Acepto las políticas de privacidad

http://lwp-l.com/s4706

Mostrar o ocultar un hermano según elemento pulsado

Mostrar un mensaje al pulsar el botón derecho de ratón o tecla de menú