Abrir DIV

se abre y cierra div con botón

by Raúl Rojas

HTML

<input id="abrir" type="button" value="ABRIR">



<div class="red">
  <p>HHHHHH</p>
	<input id="cerrar" type="button" value="CERRAR">
</div>

CSS

.red {
  background: red;
  text-align: center;
  color: #fff;
  padding: 20px 0;
}

JavaScript

$(document).ready(function() {
  $(".red").hide();
  $("#abrir").click(function() {
    $('.red').toggle("slow");
  });
  $("#cerrar").click(function() {
    $(".red").toggle("slow");
  });

});

$(document).keyup(function(event) {
  if (event.which == 27) {
    $(".red").slideUp("slow");
  }
});