js实现隐藏和显示div的两种通用方法

说明：这里我只是简单的写个demo，只要掌握怎么写怎么实现就ok了

第一种：jquery实现隐藏和显示div

<div >
<div id="demo1">隐藏</div>
<div id="demo2">显示</div>
</div>
<script>
$("#demo1").hide();
$("#demo2").show();
</script>

第二种：JavaScript实现隐藏和显示div

<div >
<div id="demo1">隐藏</div>
<div id="demo2">显示</div>
</div>
<script>
  document.getElementById("demo1").style.visibility="hidden";
  document.getElementById("demo2").style.visibility="none";
</script>