Javascriptのボタンをクリックしてdivを表示するには？

Question

可能性の重複：私はDIV
Javascript show element on click

次ています。私は、ボタンの後にDIVを表示する]をクリックし、それが表示され.Nowなし

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

Answer 1

HTMLコード：

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

Javascriptを：http://jsfiddle.net/rathoreahsan/vzmnJ/

Answer 2

：

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

はデモを参照してください。 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 = ""; 
} 

それとも、ちょっといいアニメーションでのjQueryを使用したい場合：

<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>