chalkygames123 · October 7, 2020 10:51
diff --git a/index.html b/index.html
 <!DOCTYPE html>
 <html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title>Document</title>
    <style>
      #container {
        height: 100px;
        background-color: #ccc;
        transition: height 0.5s;
      }

      #container.hidden {
        height: 0;
        visibility: hidden;
        transition: height 0.5s, visibility 0s 0.5s;
      }
    </style>
  </head>
  <body>
    <div id="container"></div>
    <script>
      const container = document.getElementById("container");

      window.addEventListener("keydown", (e) => {
        if (e.key === "Enter") {
          container.classList.toggle("hidden");
        }
      });
    </script>
  </body>
 </html>
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8" />
	<title>Document</title>
	<style>
	#container {
	height: 100px;
	background-color: #ccc;
	transition: height 0.5s;
	}

	#container.hidden {
	height: 0;
	visibility: hidden;
	transition: height 0.5s, visibility 0s 0.5s;
	}
	</style>
	</head>
	<body>
	<div id="container"></div>
	<script>
	const container = document.getElementById("container");

	window.addEventListener("keydown", (e) => {
	if (e.key === "Enter") {
	container.classList.toggle("hidden");
	}
	});
	</script>
	</body>
	</html>