porfidev/jquery01.html

## jquery01.html
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title>Tutorial jQuery Remasterizado</title>
    <script src="http://code.jquery.com/jquery-1.8.0.min.js"></script>
    <script>
      var pagina = $(document);
      pagina.on("ready", animar);

      function animar() {
        var x = $("#mostrar_elemento");
        x.on("click", mostrar);

        var y = $("#ocultar_elemento");
        y.on("click", ocultar);
      }

      function mostrar() {
        var x = $("div");
        x.show("slow");
      }

      function ocultar() {
        var x = $("div");
        x.hide("slow");
      }
    </script>
    <style>
      .ocultado {
        display: none;
        background-color: #9c0;
        border-color: #063;
        border-style: dotted;
        border: thin;
        width: 200px;
        height: 200px;
      }
    </style>
  </head>
  <body>
    <input id="mostrar_elemento" type="button" value="Mostrar mensaje" />
    <input id="ocultar_elemento" type="button" value="Ocultar" />
    <div class="ocultado">
      Esta div se esta mostrando sin embargo puede ser cualquier elemento
    </div>
  </body>
</html>
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8" />
	<title>Tutorial jQuery Remasterizado</title>
	<script src="http://code.jquery.com/jquery-1.8.0.min.js"></script>
	<script>
	var pagina = $(document);
	pagina.on("ready", animar);

	function animar() {
	var x = $("#mostrar_elemento");
	x.on("click", mostrar);

	var y = $("#ocultar_elemento");
	y.on("click", ocultar);
	}

	function mostrar() {
	var x = $("div");
	x.show("slow");
	}

	function ocultar() {
	var x = $("div");
	x.hide("slow");
	}
	</script>
	<style>
	.ocultado {
	display: none;
	background-color: #9c0;
	border-color: #063;
	border-style: dotted;
	border: thin;
	width: 200px;
	height: 200px;
	}
	</style>
	</head>
	<body>
	<input id="mostrar_elemento" type="button" value="Mostrar mensaje" />
	<input id="ocultar_elemento" type="button" value="Ocultar" />
	<div class="ocultado">
	Esta div se esta mostrando sin embargo puede ser cualquier elemento
	</div>
	</body>
	</html>