css - 如何使按钮在单击时消失并显示另一个按钮？

Question

某些按钮可以被阻止可见但是当您单击按钮时它变得不隐藏？

就像您有按钮并单击按钮一样，该按钮消失并显示更多 3 个按钮，如果您单击其中任何一个按钮，它将同样消失并显示更多按钮之类的其他内容？

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

Answer 1

考虑到您的解释并没有给我太多帮助，这是我认为您正在寻找的一些东西的超级简单实现。

这是一个工作演示：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>