zmiana widoczności DIV za pomocą JavaScript

Question

EDYCJA: Ponieważ pytanie stało się dość popularne, naprawię problem, więc będzie działał przykład kodu. Pierwotny problem nadal występuje, ale kod działa.

Próbuję pokazać div po naciśnięciu przycisku, ale to przynosi efekty, każdy pomysł, dlaczego tak jest?

<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

Zmień CSS:

#show_button{ 
display: none 
} 

I w javascript:

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

Answer 2

Spróbuj:

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

lub

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

Answer 3

document.getElementById(show_button) -: błąd składni, brakujące cytaty ""!

Answer 4

Typo zmiana błąd to document.getElementById(show_button) do document.getElementById("show_button")

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