Скрыть кнопку после нажатия

Question

Я пытаюсь скрыть кнопку (не внутри тегов формы) после ее нажатия. Как только форма будет показана, кнопка не используется. Поэтому я бы хотел скрыть это после нажатия

Вот код.

<script type="text/javascript"> 
 
\t $(function(){ 
 
\t \t var button = document.getElementById("info"); 
 
\t \t var myDiv = document.getElementById("myDiv"); 
 

 
\t \t function show() { 
 
\t \t  myDiv.style.visibility = "visible"; 
 
\t \t } 
 

 
\t \t function hide() { 
 
\t \t  myDiv.style.visibility = "hidden"; 
 
\t \t } 
 

 
\t \t function toggle() { 
 
\t \t  if (myDiv.style.visibility === "hidden") { 
 
\t \t   show(); 
 
\t \t  } else { 
 
\t \t   hide(); 
 
\t \t  } 
 
\t \t } 
 

 
\t \t hide(); 
 

 
\t \t button.addEventListener("click", toggle, false); 
 
\t }); 
 
</script>

<input id="info" type="button" value="Имате Въпрос?" class="switchbuton">

Answer 1

Почему бы вам не использовать:

<script type="text/javascript"> 
    $(function(){ 
     $('#info').click(function() { 
      $(this).hide(); 
     }); 
    }); 
</script> 

<input id="info" type="button" value="Имате Въпрос?" class="switchbuton"> 

Answer 2

Вы можете использовать JQuery hide

$("#myDiv").hide() // to hide the div 

и show как

$("#myDiv").show() // to show the div 

Или toggle переключать видимость РОМ элементов

$("#myDiv").toggle() // to toggle the visibility 

Answer 3

Вы можете проверить результат здесь:

http://jsfiddle.net/jsfiddleCem/33axo20f/2/

Кодекс:

<style> 
.showButon{ 
    background:url('http://spacetelescope.github.io/understanding-json-schema/_static/pass.png'); 
    background-repeat:repeat-y; 
    height:30px; 
    text-indent:20px; 
} 
</style> 

<div id="myDiv"> 
    <input id="info" type="button" value="Имате Въпрос?" class="showButon" /> 
</div> 

(function(){ 
var button = document.getElementById("info"); 
    var myDiv = document.getElementById("myDiv"); 

    function toggle() { 
     if (myDiv.style.visibility === "hidden") { 
      myDiv.style.visibility = "visible"; 
     } else { 
      myDiv.style.visibility = "hidden"; 
     } 
    } 

    button.addEventListener("click", toggle, false); 
})()