How to create toggle hide / show an HTML element in JavaScript

1 Answer

<!DOCTYPE html>
<html>
<head>
</head>
<body>

<button onclick="myFunction()">Click to toggle</button>

<div id="divid">
Show Hide Text
</div>

<script>
function myFunction() {
    var id = document.getElementById("divid");
    if (id.style.display === "none") {
        id.style.display = "block";
    } else {
        id.style.display = "none";
    }
}
</script>

</body>
</html>

70+ SQL courses for beginners and professionals

answered May 29, 2018 by avibootz

Most popular tags

How to create toggle hide / show an HTML element in JavaScript

1 Answer

Related questions