jquery实现div模块的隐藏和显示

版权声明：博客知识产权来源命运的信徒，切勿侵权 https://blog.csdn.net/qq_37591637/article/details/89010477

---

1、点击按钮

<button id="fat-btn" class="btn btn-primary"  type="button" onclick="show();">请选择种类</button>

2、div模块是隐藏的状态还是显示的状态

<ul style="list-style:none;" id="uli">
		<li>五谷杂粮</li>
		<li>水产类</li>
		<li>土地</li>
		<li>蔬菜</li>
		<li>水果</li>
		<li>花生坚果类</li>
		<li>茶树类</li>
		<li>鲜花类</li>
		<li>其他</li>
		<li></li>
	</ul>

---

jquery知识点如下

var status=$("#uli").css('display');

获取这个div的display的值，如果是none，就说明这个模块当前是不显示的

                                             如果是block，说明这个模块当前是显示的

$("#uli").show();显示这个id为uli的模块

$("#uli").hide();隐藏这个id为uli的模块

---

js代码如下

<script>
		function show(){
		var status=$("#uli").css('display');
			alert(status);
			if(status=="none"){
			$("#uli").show();
			}else{
			$("#uli").hide();
			}
			
		}
	</script>

---