Показать div после нажатия и скрыть кнопку

Question

Я хочу скрыть кнопку после ее нажатия.

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 1

Try this:

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

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