珠海网站建设设计,微信营销软件排行榜,建设银行的网站,数字化营销方案2023.12.2 做一个后台管理网页#xff08;左侧边栏实现手风琴和隐藏/出现效果#xff09;
网页源码见附件#xff0c;比较简单#xff0c;之前用很多种方法实现过该效果#xff0c;这次的效果相对更好。 实现功能#xff1a; #xff08;1#xff09;实现左侧边栏的手…2023.12.2 做一个后台管理网页左侧边栏实现手风琴和隐藏/出现效果
网页源码见附件比较简单之前用很多种方法实现过该效果这次的效果相对更好。 实现功能 1实现左侧边栏的手风琴菜单 2实现左侧边栏的隐藏的显示 3实现左侧边栏切换按钮的动画效果 4原生js实现的网页不使用jquery和bootstrap。 手风琴实现的js代码如下使用循环的方式比较复杂可以参考另一文的实现方式 2023.12.1 手风琴菜单的简便实现方式 https://editor.csdn.net/md/?articleId134759727 for (i 0; i acc.length; i) {acc[i].addEventListener(click, function () {var activeAcc document.querySelector(.accordion.active);if (activeAcc activeAcc ! this) {activeAcc.classList.remove(active);activeAcc.nextElementSibling.style.display none;}this.classList.toggle(active);var panel this.nextElementSibling;if (panel.style.display block) {panel.style.display none;} else {panel.style.display block;}});}
