导航栏隐藏 显示

导航栏特效:
例子:
<body>
<div id="ceshi" style="background:#006; width:200px; 

height:100px;">A</div>

<div style="display:none;" id="b">
<div style="background:#036; width:200px; height:50px;">B</div>
<div style="background:#036; width:200px; height:50px;">C</div>
<div style="background:#036; width:200px; height:50px;">D</div>

</div>
效果:点击A 会出现B C D 

JS代码 用到了toggle方法
<script>
$(document).ready(function(e) {
	$("#ceshi").click(function(){
		$("#b").toggle();
		})
});
</script>

  

posted @ 2016-06-24 15:46  于超。  阅读(160)  评论(0编辑  收藏  举报