logo Eloy Manuel

  • HOME
  • CÓDIGO
    • HTML
    • PHP
    • JQUERY
    • JAVASCRIPT
    • ANGULAR
    • NODEJS
    • PYTHON
  • TUTORIALES
  • SOBRE MI
  • CONTACTO

Mostrar y ocultar div con el mismo botón JQuery

Eloy Chacón | 01 de Octubre de 2018

jquery html

Hey!! te ha pasado que duras como 5 horas viendo como hacer algo y luego resulta que era super facil, bueno no eres el unico.

Esta ves te muestro lo facil que es hacer con botón mostremos un div y se volvemos a presionar el mismo botón se cierre el div, bueno aqui vamos:

Suponiendo que tu html tienes un div que inicialmente esta oculto y que al presionar click en X parte (un botón por ejemplo se muestre)

<a id="btnDiv" class="btn btn-info" href="#">Este es mi Botón</a>

<div id="miDiv" style="display: none;">Aquí va todo el contenido</div>

En el JQuery hacemos lo siguiente: 

$(document).ready(function() {
  $("#btnDiv").click(function(){
      $("#miDiv").toggle(500);
   });
});

Espero te ayude, y te ahorres un poco de tiempo!

Eloy Manuel

logo

CON CADA CODIGO APRENDO UN POQUITO MÁS

eloymanuel.com | todos los derechos reservados © 2018