Programming & Software Q&A | CollectiveSolver

Disclosure: My content contains affiliate links.

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

Related questions

2 answers 307 views

307 views

How to hide and show an HTML element with JavaScript

asked Jan 15, 2019 by avibootz

1 answer 186 views

186 views

How to hide HTML element with JavaScript

asked Aug 28, 2016 by avibootz

1 answer 181 views

181 views

How to show HTML element with JavaScript

asked Aug 29, 2016 by avibootz

1 answer 199 views

199 views

How to create a form with open <select> elements (show more then one value) in HTML

asked Jan 1, 2019 by avibootz

2 answers 7,155 views

7,155 views

How to create HTML tag element with JavaScript

asked Jul 10, 2015 by avibootz

1 answer 322 views

322 views

How to auto-hide placeholder on focus in <input type="text"> using JavaScript

asked Apr 15, 2015 by avibootz

1 answer 256 views

256 views

How to use jQuery .hide() to hide HTML item

asked Aug 20, 2016 by avibootz

...