关闭边栏(ESC)打开边栏(ESC)

目 录

本站在重写移动端左侧菜单功能时,导航中的菜单有子菜单,并且有一个文件夹的图标,当点击这个子项的时候,他的子目录会打开,并且图标为原来的文件夹图标切换成文件夹打开状态的图标。刚开始一时卡住不知如何写,过了会终于找到了思路,感觉挺好!

先上效果图

思路

wordpress导航菜单中,如果含有子菜单的,那这个li的class里都含有一个:.menu-item-has-children的样式,当点击项目时,执行以下代码:

有了menu-item-open这个样式后,就可以处理打开与未打开图标的切换了

这样就能做到效果图的效果了,一时思路卡住就休息休息,过会或许就有解决的办法了。