在html页面，显示的内容太多，会影响用户体验，如果有一些，点击才出现的内容，就可以减少内容的干扰。使用jquery就可以很快的实现。

例子

 
 
 
 div隐藏测试
 
 


 隐藏或者显示
 

 
div的内容
 
 
 $("#controller").click(function () {

 if ($("#contents").is(":hidden")) {

 $("#contents").show()
 }
 else {

 $("#contents").hide()
 }

 }
    )
 

jqyery操作

$("#contents").is(":hidden") 可以判断是否是隐藏

$("#contents").show() 表示display:block,

$("#contents").hide() 表示display:none;

操作元素的属性

$("#contents").attr("style","display:none; "); //隐藏div

$("#contents").attr("style","display:block; "); //显示div

也可以操作css属性

$("#contents").css("display","none"); //隐藏div

$("#contents").css("display","block"); //显示div

也可以直接使用toggle转换开关实现

$("#contents").toggle()

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！