如何使按鈕消失點擊並顯示另一個按鈕？

-1

一些按鈕可以阻擋多少人，但是當你點擊按鈕時，它變得無法隱藏？如何使按鈕消失點擊並顯示另一個按鈕？

就像你有按鈕，並點擊按鈕，按鈕消失，並顯示更多的3按鈕，如果你點擊任何一個它會相同的disapper和顯示更多的按鈕像別的東西？

<button onClick="document.getElementById('d3').style.display='block'"></button>

來源

2013-10-30 Exar Kun

是的，但是要求代碼必須說明問題的一小部分理解問題正在解決。包括嘗試解決方案，爲什麼他們沒有工作，以及預期的結果。你能告訴我們你在JSFiddle中嘗試過什麼嗎？ –

什麼不適用於您發佈的'onClick'事件？這似乎是完全可以實現你所要求的'id'和CSS匹配... –

堅持！是1990 html4 –

考慮你的解釋並沒有給我太多的工作，這裏是一個超級簡單實現一些我認爲你正在尋找的東西。

這裏的工作演示：http://jsfiddle.net/jonsuh/AG3Fz

CSS

<style> 
#d3 { 
    display: none; 
} 
</style>

HTML和JavaScript

<input id="button" type="button" value="Show more" onclick="showMore()"> 
<div id="d3"> 
    <input type="button" value="Show less" onclick="showLess()"> 
    <input type="button" value="Show less" onclick="showLess()"> 
    <input type="button" value="Show less" onclick="showLess()"> 
</div> 
<script type="text/javascript"> 
var button = document.getElementById("button"); 
var d3 = document.getElementById("d3"); 

function showMore() { 
    button.style.display="none"; 
    d3.style.display="block"; 
} 

function showLess() { 
    button.style.display="inline-block"; 
    d3.style.display="none"; 
} 
</script>

來源

2013-10-30 18:04:59 jonsuh

如何使按鈕消失點擊並顯示另一個按鈕？

回答

相關問題