jQuery页面加载时隐藏的div能通过点击事件再次显示吗？求教jQuery高手~谢谢啦

Question

<script type="text/javascript">   $(document).ready(function(){       $("#id").hide();     });</script><div id="id">    hello</div>这个是加载时就隐藏div，我如果通过点击事件传值给div,div会显示吗？该怎么写？

Answer 1

<script src="//www.imooc.com/data/jquery-1.8.2.min.js" type="text/javascript"></script>
<script type="text/javascript">
   $(document).ready(function(){
       $("#id").hide();
	   
	   $("#button").click(function(){ $("#id").show();;});
    });
	
</script>
<div id="id">
    hello
</div>
<input type='button' id='button' value='show'>

Answer 2

对于先隐藏的，我一般这样写

$("#id").hide();
<div id="id" style="display:none;"> 
    hello
</div>