將div隱藏,使用css搭配JQuery控制。
HTML:
<div id="view" style="visibility:hidden">HELLO</div>
SCRIPT:
(顯示)
$("#view").css("visibility", "visible");
SCRIPT:
(隱藏)
$("#view").css("visibility", "hidden");
小範例:
<div id="view" style="visibility:hidden">HELLO</div>
<div id="view" style="visibility:hidden">HELLO</div>
<input id="btn_hide" type="button" value="隱藏">
<input id="btn_show" type="button" value="顯示">
<script>
$("#btn_hide").click(function(){
$("#view").css("visibility", "hidden")
});
$("#btn_show").click(function(){
$("#view").css("visibility", "visible")
});
</script>
留言
張貼留言