Membuat Hide Show Toggle dengan Javascript #1

by rui005

HTML

<button onclick="myFunction()">Hide/show</button>

<div id="xcode">
Ini adalah text yang akan di hide dan show
</div>

CSS

button{background-color: red;padding: 15px;border-radius: 3px;color: #fff;border: none;}
#xcode {width: 100%;padding: 50px 0;text-align: center;background-color: #0909;margin-top: 20px;color: #fff;}

JavaScript

function myFunction() {
var csscode = document.getElementById("xcode");
if (csscode.style.display === "none") {
csscode.style.display = "block";
} else {
csscode.style.display = "none";
}
}