2：绑定事件
3：css中的显示隐藏有：
3.1：display:block显示
3.2：display:none隐藏
3.3：opacity：1；显示
3.4：opacity:：0；隐藏，但元素不会彻底消失只是透明度为0,还是会占据空间。会触发事件。
3.5：visibility:visible显示
3.6：visibility:hidden隐藏，元素不会彻底消失。还会占据空间。
3.7：css3中有transform:scale(1)显示。2D缩放转换
3.8：transform:scale(0)隐藏，2D缩放转换
4：对以上回答如有疑问请指正或者追问。
5：望采纳！
<!DOCTYPE html><html>
<head>
<meta charset="utf-8" />
<title>导航</title>
</head>
<body>
<input id="navdisplay" type="button" value="导航" />
<div id="nav">
<a href="#">栏目一</a>
<a href="#">栏目二</a>
<a href="#">栏目三</a>
<a href="#">栏目四</a>
</div>
<script src="jquery-1.*.*.min"></script>
<script>
$(function () {
$("#nav").hide()
$("#navdisplay").click(function () {
$("#nav").show()
})
})
</script>
</body>
</html>
