[JQuery] 將div隱藏/顯示


將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>

留言