title: hide and display a div using javascript in ASP.NET
body: <p>I want display an audio player, after click a button. here my code</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
      function viewAudio() {
          document.getElementById('myAudio').style.display = ""
      }
      document.getElementById('myAudio').style.display = "none"
  
  
  &lt;/script&gt;
  
  &lt;button value="@Html.DisplayFor(modelItem =&gt; item.SampleURL)" id="audioViewer" onclick="viewAudio()"&gt;
              &lt;img src="../../Content/images/audio.png"&gt;&lt;/button&gt;
  
  &lt;div id="myAudio"&gt;
  &lt;audio controls preload="none"&gt;
      &lt;source src="#" type="audio/mp3"&gt;
  &lt;/audio&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>But, when i run in browser it still display the audio player.
  any solution for this?</p>