データの表示と非表示を行うシンプルなJavaScriptコード

Question

私のコードに問題があります。 "show button"をクリックすると、ボタンを隠して "data"を表示したいと思います。しかし、データは表示されません。何が問題ですか？

function my() { 
 
     var yy = document.getElementById("show"); 
 
     yy.style.display="none"; 
 
    \t 
 
    \t var b = document.getElementById("data"); 
 
     b.style.display="block"; 
 
    \t 
 
    \t 
 
    \t 
 
    }

#hide{ display:none;} 
 
     
 

 

 
    #show{ display:true;} 
 
     
 
     
 

 
    #data{ display: none;}

 
 

 

 
    <div id="data"> this i s some data </div> 
 
    <input onclick="my()" type="button" id="show" value="show data"> 
 
    <input type="button" id="hide" value="hide data"> 
 

Answer 1

これはJavascriptを使用してコードであるdiv要素を切り替えるには。

document.getElementById("hide").onclick=function(){ 
 
    document.getElementById("data").style.display="none"; 
 
    } 
 
document.getElementById("show").onclick=function(){ 
 
    document.getElementById("data").style.display="block"; 
 
    }

<div id="data"> this is some data </div> 
 
<input type="button" id="show" value="show data"> 
 
<input type="button" id="hide" value="hide data">