关于display的开关显示
这是这样的一个非常常见的场景：
有一个按钮，点击一下，展开内容，再点击一下，关闭内容
我直接使用观察他的display值来判断，再设置display值：
上代码
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>测试隐显按钮</title><script src="/Users/guabutian/Documents/Framework/JavaScript/jquery/jquery-3.1.1.min.js"></script><style type="text/css">/*点击*/#button {width: 20px;height: 20px;background-color: red;position: absolute;float: left ;}/*隐藏显示*/#content {border: 2px;width: 400px;height: 300px;background-color: yellow;position: absolute;float: left;top:10%;}</style></head><body><div id="button"></div><div id="content"></div><script type="text/javascript">$("#button").on('click',function(){// alert("hello");if($("#content").css("display")=="none"){$("#content").css("display","block")return;}if($("#content").css("display")=="block"){$("#content").css("display","none")return;}console.log($("#content").css("display"));});$("#content").on('click',function(){});</script></body></html>
