changer la visibilité de DIV avec JavaScript

Question

EDIT: Depuis que la question est devenue assez populaire, je vais régler le problème afin que ce soit un exemple de code fonctionnel. Le problème d'origine est toujours répertorié, mais le code fonctionne .

j'essaie de montrer une div après avoir appuyé sur un bouton, mais cela ne fonctionnera pas, vous savez pourquoi?

<form action="insert.php" method="POST" align="right" id="post_form">
<input type="button" value="click me" onClick="show()">
<div id="show_button">  fdsfds </div><br>
</form>

#show_button{
 visibility:hidden;
}

function show(){
  // alert("cheked the button - worked");
  document.getElementById("show_button").style.visibility= 'visible' ;
}

Answer 1

Changez votre CSS en:

#show_button{
 display: none
}

Et vous dans votre javascript:

function show(){
  //alert("cheked the button - worked");
  document.getElementById('show_button').style.display= 'block' ;
}

Answer 2

Erreur typo, changez document.getElementById(show_button) en document.getElementById("show_button")

function show(){
  document.getElementById("show_button").style.visibility= "visible" ;
}

Answer 3

Essaye ça :

function show(){
  //alert("cheked the button - worked");
  document.getElementById("show_button").style.visibility= "visible" ;
}

ou

function show(){
  //alert("cheked the button - worked");
  document.getElementById(show_button).style.display= "inline" ;
}

Answer 4

document.getElementById(show_button) -: erreur de syntaxe, guillemets manquants ""!