單擊並隱藏按鈕后顯示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

嘗試這個：

 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)" />