原生JS控制元素显示隐藏代码,这里就不分享其他的代码了,以免小白看晕了。
var obox = document.getElementById("logo"); var odown = document.getElementById("side-item"); obox.onclick = function(){ if( document.getElementById("side-item").style.display=='none'){ odown.style.display = "block"; document.getElementById("logo").classList.add("no"); }else{ odown.style.display = "none"; document.getElementById("logo").classList.remove("no"); } }
说明一下:logo是点击触发的元素,side-item是需要显示隐藏的元素,no是触发事件后给logo加的样式。
只需要对着说明改ID名称就可以了,在看不懂就没什么可说的了。