div块隐藏

<script src="../js/jquery.min.js"></script>

添加Jquery包

<a href="#" " id="butonclick">点击按钮</a>
<div  id="ycxg" style="display: none;">隐藏的内容</div>

HTML代码

原理：查找id#butonclick调用onclick事件，判断隐藏的内容的id="ycxg"的CSS样式，当display=none,隐藏的内容的id="ycxg"的CSS样式display=block，否则display=none；

$(document).ready(function() {
		$('#butonclick').click(function(){
			if($("#ycxg").css('display')=='none'){
				$("#ycxg").css("display","block");
			}else{
				$("#ycxg").css("display","none");
			}
		})
	});

或使用jquery显示隐藏效果

$(document).ready(function() {
		$('#butonclick').click(function(){
		$("#ycxg").toggle();
	})
	});