利用 jQuery 顯示/隱藏元件，這邊以圖片做示範，不過要注意，這個方法是元件一直存在，只是隱藏而已。
<html>
<head>
<script type="text/javascript" src="https://code.jquery.com/jquery-1.11.3.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script type="text/javascript">
var isShow = false;
function test(){
if (isShow) {
$("#pic").hide();//隱藏元件
isShow = false;
} else {
$("#pic").show();//顯示元件
isShow = true;
}
};
</script>
<button id="test" onclick="test()">Click Me!</button>//按鈕
<div>
<img id="pic" src="PASA002.png">
</div>
</head>
</html>
沒有留言:
張貼留言