porfidev/index.html

## index.html
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title>Tutorial jQuery Remasterizado</title>
    <link href="style.css" rel="stylesheet">
  </head>
  <body>
    <button id="showContainer" type="button">Mostrar mensaje</button>
    <button id="hideContainer" type="button">Ocultar mensaje</button>

    <div class="container hidden">
      Esta div se esta mostrando sin embargo puede ser cualquier elemento
    </div>

    <script
      src="https://code.jquery.com/jquery-3.4.1.min.js"
      integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
      crossorigin="anonymous"
    ></script>
    <script>
      $(window).on("load", assignEvents);

      function assignEvents() {
        $("#showContainer").on("click", mostrar);
        $("#hideContainer").on("click", ocultar);
      }

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

      function ocultar() {
        $("div").hide("slow");
      }
    </script>
  </body>
</html>

## style.css
.container {
  background-color: #9c0;
  border-color: #063;
  border-style: dotted;
  border: thin;
  width: 200px;
  height: 200px;
}

.hidden {
  display: none;
}
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8" />
	<title>Tutorial jQuery Remasterizado</title>
	<link href="style.css" rel="stylesheet">
	</head>
	<body>
	<button id="showContainer" type="button">Mostrar mensaje</button>
	<button id="hideContainer" type="button">Ocultar mensaje</button>

	<div class="container hidden">
	Esta div se esta mostrando sin embargo puede ser cualquier elemento
	</div>

	<script
	src="https://code.jquery.com/jquery-3.4.1.min.js"
	integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
	crossorigin="anonymous"
	></script>
	<script>
	$(window).on("load", assignEvents);

	function assignEvents() {
	$("#showContainer").on("click", mostrar);
	$("#hideContainer").on("click", ocultar);
	}

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

	function ocultar() {
	$("div").hide("slow");
	}
	</script>
	</body>
	</html>
	.container {
	background-color: #9c0;
	border-color: #063;
	border-style: dotted;
	border: thin;
	width: 200px;
	height: 200px;
	}

	.hidden {
	display: none;
	}