使用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实现快得很。

相关文章:

猜你喜欢
相关资源
相似解决方案