如何让按钮在点击时消失并显示另一个按钮?

时间:2013-10-30 17:27:44

标签: css button onclick block

某些按钮是否可以阻止,但是当你点击按钮时它会变成无法隐藏?

就像你有按钮并点击按钮那个按钮消失并显示更多3按钮,如果你点击它们中的任何一个它会消失并显示其他像更多的按钮?

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

1 个答案:

答案 0 :(得分:2)

考虑到你的解释并没有给我太多的帮助,这里是我认为你正在寻找的一些事情的超级简单实现。

这是一个有效的演示: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>