//Hide
document.getElementById("id").style.display = "none";
//Show
document.getElementById("id").style.display = "block";<td class="post">
<a href="#" onclick="showStuff('answer1', 'text1', this); return false;">Edit</a>
<span id="answer1" style="display: none;">
<textarea rows="10" cols="115"></textarea>
</span>
<span id="text1">Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum</span>
</td>
<script>
function showStuff(id, text, btn) {
document.getElementById(id).style.display = 'block';
// hide the lorem ipsum text
document.getElementById(text).style.display = 'none';
// hide the link
btn.style.display = 'none';
}
</script><!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
</head>
<body>
<div id="box" style="background-color: salmon; width: 100px; height: 100px">
Box 1
</div>
<button id="btn">Hide div</button>
<script src="index.js"></script>
</body>
</html>hide and show divs using javascript
| Code Example |
|---|
| Html :: navbar html mdn |
| Html :: highlight a text in html |
| Html :: twig format |
| Html :: The <textarea Element |
| Html :: html iframes |
| Html :: asp redirect |
| Html :: how to use flaticon in html |
| Html :: th tag in html |
| Html :: on change event html not working |
| Html :: html popup form |
| Html :: html title tag |
| Html :: Bootstrap Text Colors Example |
| Html :: custom radio css |
| Html :: how to edit colours in background html |
| Html :: tag field |
| Html :: html go to specific part of page |
| Html :: How to make the scratch card by using HTML |
| Html :: html platform |
| Html :: emmet multiple tags |
| Html :: link node module in html |
| Html :: html form generator |
| Html :: html text color |
| Html :: javascript send ethereum |
| Html :: html form tag |
| Html :: tabbing slider |
| Html :: tags semanticas |
| Html :: how to get img src from xml |
| Html :: in html |
| Html :: html meta |
| Html :: dropdown |