Mark Chou的部落格

預設為隱藏

點擊後會變成顯示 再點擊及隱藏

橘色為Html
藍色為 javascript

<a id="paper" href="javascript:;" onclick="change()">檢視允收標準</a><br>
<div id="paper_list" style="display: none">
hidden data;
</div>

<script>
var isShow = false;
function change() {
if(!isShow) {
isShow = true;
document.getElementById('paper_list').style.display='';
document.getElementById('paper').innerText = "隱藏允收標準";
}
else {
isShow = false;
document.getElementById('paper_list').style.display='none';
document.getElementById('paper').innerText = "檢視允收標準";
}
}
</script>