使用JS编写程序,实现两级菜单的单击显隐

效果图

JS实现二级下拉菜单----AJAX初学之js
点击Home和News
JS实现二级下拉菜单----AJAX初学之js
点击下面几个选项(Sports、Weather、Contact Me),再次点击Home和News隐藏二级菜单
JS实现二级下拉菜单----AJAX初学之js

代码

JS实现二级下拉菜单----AJAX初学之js
JS实现二级下拉菜单----AJAX初学之js

实现过程

1.循环动态添加li标签子项
2.通过ul的css样式,display:none隐藏,display:block显示。

总结

发现使用JQuery的toggle实现快得很。

相关文章:

  • 2022-12-23
  • 2021-12-12
  • 2021-12-12
  • 2021-09-10
  • 2022-02-15
  • 2022-12-23
  • 2021-08-11
猜你喜欢
  • 2022-12-23
  • 2022-12-23
  • 2021-12-05
  • 2021-12-12
  • 2021-06-06
相关资源
相似解决方案