जावास्क्रिप्ट में बटन क्लिक करने के बाद div को कैसे प्रदर्शित करें?

Question

संभव डुप्लिकेट:
Javascript show element on click

मैं DIV निम्नलिखित है।

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

जावास्क्रिप्ट:: मैं बटन क्लिक करने के बाद DIV प्रदर्शित करने के लिए अब यह प्रदर्शन से कोई भी है

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

Answer 1

एचटीएमएल कोड चाहते

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

डेमो देखें: http://jsfiddle.net/rathoreahsan/vzmnJ/

Answer 2

एचटीएमएल

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

जावास्क्रिप्ट

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>