shaina7837/gist:c25bca17c6498946b7171e031ef7260a

## gistfile1.txt
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <div id="container" onclick="hidetext()">
        <div id="middle" onclick="showtext()">
            <p id="text">Something</p>
        </div>
    </div>
</body>
<style>
    #container {
        width: 300px;
        margin: auto;
        height: 200px;
        border: 1px solid #333;
    }
    #middle {
        width: 100px;
        margin: 50px 100px;
        background: #fff0a0;
        height: 50px;
        cursor: pointer;
    }
    #text {
        display: none;
    }
</style>
<script type="text/javascript">
    let container = document.getElementById('container');
    let middle = document.getElementById('middle');
    let text = document.getElementById("text");
    function showtext(){
        text.style.display = "block";
    }
    function hidetext(){
        console.log("hide");
        text.style.display = "none";
    }
</script>
</html>
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>Document</title>
	</head>
	<body>
	<div id="container" onclick="hidetext()">
	<div id="middle" onclick="showtext()">
	<p id="text">Something</p>
	</div>
	</div>
	</body>
	<style>
	#container {
	width: 300px;
	margin: auto;
	height: 200px;
	border: 1px solid #333;
	}
	#middle {
	width: 100px;
	margin: 50px 100px;
	background: #fff0a0;
	height: 50px;
	cursor: pointer;
	}
	#text {
	display: none;
	}
	</style>
	<script type="text/javascript">
	let container = document.getElementById('container');
	let middle = document.getElementById('middle');
	let text = document.getElementById("text");
	function showtext(){
	text.style.display = "block";
	}
	function hidetext(){
	console.log("hide");
	text.style.display = "none";
	}
	</script>
	</html>