function myFunction() { var x = document.getElementById("myDIV"); if (x.style.display === "none") { x.style.display = "block"; } else { x.style.display = "none"; } }
<button onclick="toggleText()">button</button> <p id="Myid">Text</p> <script> function toggleText(){ var x = document.getElementById("Myid"); if (x.style.display === "none") { x.style.display = "block"; } else { x.style.display = "none"; } } </script>
<div id="main"> <p> Hide/show this div </p> </div> ('#main').hide(); //to hide // 2nd way, by injecting css using jquery $("#main").css("display", "none");