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’;
}
Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum
You can also use this code to show/hide elements:
document.getElementById(id).style.visibility = “hidden”;
document.getElementById(id).style.visibility = “visible”;
Note The difference between style.visibility and style.display is
when using visibility:hidden unlike display:none, the tag is not visible, but space is allocated for it on the page. The tag is rendered, it just isn’t seen on the page.
See this link to see the differences.