Javascript'teki düğmeyi tıklattıktan sonra nasıl görüntülenir?

Question

Olası Çoğalt: Ne DIV
Javascript show element on click

aşağıdakilere sahip.

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

JavaScript: Ben

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

Answer 1

HTML kodu görüntüleme ilgilendirmez .Þimdi düğme tıklamadan sonra DIV görüntülemek istediğiniz

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

Demo bakınız: 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 = ""; 
} 

Yoksa güzel bir animasyon ile jQuery kullanmak istiyorsa:

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