將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>
留言
張貼留言