Show hidden message html

Html button that hide and show

<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>

Show hidden message html

<div class="cell hidden" data-testid="mine" style="display: none;"><div class="image__container" style="display: none;"><img class="" alt="bombs" src="/static/media/bomb.1e1f8a78.svg"></div></div>

Similar codes

-1 vote114 views1 answer
Adjust text spacing css
CSS
0 vote99 views1 answer
Css unlock scroll
CSS
0 vote120 views1 answer
Mat-form-field textarea save with new line
CSS
0 vote120 views1 answer
Css select alternate elements
CSS
64 votes100 views6 answers
Center image html
CSS
120 votes116 views3 answers
React import bootstrap css file
CSS
37 votes118 views4 answers
Css hover pointer
CSS
5 votes113 views1 answer
Cursor as image css
CSS
0 vote105 views1 answer
Docker buildx push to private registry
CSS
4 votes163 views2 answers
Bootstrap icons sdn
CSS Bootstrap