单击Javascript中的按钮后如何显示div？

Question

可能重复:
点击时显示Javascript元素

我跟随DIV.我想在点击按钮后显示DIV.现在它没有显示

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

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

参见演示: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 = "";
}

或者,如果你想使用一个漂亮的小动画jQuery:

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

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