Jak wyświetlić div po kliknięciu przycisku w Javascript?

Question

Powiel możliwe:
Javascript show element on click

mam następujące DIV. Chcę, aby wyświetlić DIV po kliknięcia przycisku .Teraz to wyświetlacz żaden

<div style="display:none;" class="answer_list" > WELCOME</div> 
<input type="button" name="answer" > 

Answer 1

HTML kod:

<div id="welcomeDiv" style="display:none;" class="answer_list" > WELCOME</div> 
<input type="button" name="answer" value="Show Div" onclick="showDiv()" /> 

Javascript:

function showDiv() { 
    document.getElementById('welcomeDiv').style.display = "block"; 
} 

Zobacz Demo: http://jsfiddle.net/rathoreahsan/vzmnJ/

Answer 2

HTML

<div id="myDiv" style="display:none;" class="answer_list" >WELCOME</div> 
<input type="button" name="answer" onclick="ShowDiv()" /> 

JavaScript

function ShowDiv() { 
    document.getElementById("myDiv").style.display = ""; 
} 

Lub jeśli chciał użyć jQuery z ładnym małym animację:

<input id="myButton" type="button" name="answer" /> 

$('#myButton').click(function() { 
    $('#myDiv').toggle('slow', function() { 
    // Animation complete. 
    }); 
}); 

Answer 3

<div style="display:none;" class="answer_list" > WELCOME</div> 
<input type="button" name="answer" onclick="document.getElementsByClassName('answer_list')[0].style.display = 'auto';"> 

Answer 4

<script type="text/javascript"> 
function showDiv(toggle){ 
document.getElementById(toggle).style.display = 'block'; 
} 
</script> 

<input type="button" name="answer" onclick="showDiv('toggle')">Show</input> 

<div id="toggle" style="display:none">Hello</div>