<script>
function showBtn(argument) {
// body...
document.getElementById('hidden').style.display="block";
document.getElementById('hiddenBtn').innerText = "收起按鈕";/修改超鏈接的文字/
document.getElementById('hiddenBtn').href = "javascript:hideBtn()";/修改點擊鏈接代碼/
}
function hideBtn(argument) {
// body...
document.getElementById('hidden').style.display="none";
document.getElementById('hiddenBtn').innerText = "隱藏按鈕";
document.getElementById('hiddenBtn').href = "javascript:showBtn()";
}
</script>
點擊按鈕顯示或隱藏.png
body{
margin: 0 auto;
padding: 0;
}
#show{
background-color: #e8e8e8;
width: 700px;
display: block;
margin: 0 auto;
/*網(wǎng)頁中內容居中顯示*/
padding: 5px;
font-size: 9pt;
/* 9pt的字體是沒有鋸齒的 */
height: auto;
/*因整個div部分，會有一部分動態(tài)顯示或者隱藏，所以將高度設為auto*/
}
#hidden{
display: none;
}
.slide{
margin: 0 auto;
padding: 0px;
width: 700px;
border-top: solid 4px gray;
}
.hiddenBtn{
background-color: grey;
width: 120px;
height: 30px;
text-align: center;
margin: 0 auto;
display: block;
color: #fff;
text-decoration: none;
padding-top: 10px;
}