html中控制几个按钮展开隐藏,html中按钮的隐藏属性

我试图在一个按钮上显示三个按钮。在按钮之前，所有三个按钮都被隐藏。我设置隐藏的属性，我也在一个按钮点击调用一个功能。问题是，当我加载页面时，所有按钮都可见。在我添加css之前，它工作得很好，我不明白问题所在。这是HTML代码：

Untitled Document

function change(){

document.getElementById("save").hidden = "";

document.getElementById("change").hidden = "";

document.getElementById("cancel").hidden = "";

}

Edit

Save

change

Cancel

这里是我正在使用的CSS。

.buttons a, .buttons button{

display:block;

float:left;

margin:0 7px 0 0;

background-color:#f5f5f5;

border:1px solid #dedede;

border-top:1px solid #eee;

border-left:1px solid #eee;

font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;

font-size:12px;

line-height:130%;

text-decoration:none;

font-weight:bold;

color:#565656;

cursor:pointer;

padding:5px 10px 6px 7px; /* Links */

}

.buttons button{

width:auto;

overflow:visible;

padding:4px 10px 3px 7px; /* IE6 */

}

.buttons button[type]{

padding:5px 10px 5px 7px; /* Firefox */

line-height:17px; /* Safari */

}

*:first-child+html button[type]{

padding:4px 10px 3px 7px; /* IE7 */

}

.buttons button img, .buttons a img{

margin:0 3px -3px 0 !important;

padding:0;

border:none;

width:16px;

height:16px;

}

/* STANDARD */

button:hover, .buttons a:hover{

background-color:#dff4ff;

border:1px solid #c2e1ef;

color:#336699;

}

.buttons a:active{

background-color:#6299c5;

border:1px solid #6299c5;

color:#fff;

}

/* POSITIVE */

button.positive, .buttons a.positive{

color:#529214;

}

.buttons a.positive:hover, button.positive:hover{

background-color:#E6EFC2;

border:1px solid #C6D880;

color:#529214;

}

.buttons a.positive:active{

background-color:#529214;

border:1px solid #529214;

color:#fff;

}

/* NEGATIVE */

.buttons a.negative, button.negative{

color:#d12f19;

}

.buttons a.negative:hover, button.negative:hover{

background:#fbe3e4;

border:1px solid #fbc2c4;

color:#d12f19;

}

.buttons a.negative:active{

background-color:#d12f19;

border:1px solid #d12f19;

color:#fff;

}

/* REGULAR */

button.regular, .buttons a.regular{

color:#336699;

}

.buttons a.regular:hover, button.regular:hover{

background-color:#dff4ff;

border:1px solid #c2e1ef;

color:#336699;

}

.buttons a.regular:active{

background-color:#6299c5;

border:1px solid #6299c5;

color:#fff;

}

我可以做什么改变，以便当我点击编辑它设置三个按钮的隐藏属性false。提前致谢。