用jquery实现多个下拉菜单

用jquery实现多个下拉菜单

正在学习大前端中，有代码和思路不规范不正确的地方往多多包涵，感谢指教

---

我们之前学习JS的时候便做过一个东西叫做下拉菜单，但是由于技术限制，我们只能通过繁多的JS代码来实现下拉菜单的排他功能 代码如下：

$(function(){
	        $('.nav>li').hover(function () {
            $(this).children('ul').slideToggle()
        })
})

代码演示：

代码解释：
这里我们省去了css和html代码，直接上jq代码，我们老规矩要引入JQ的压缩包，然后选择.nav里面的亲儿子li，注意，这里是》符号，意思是选择他的亲儿子，然后事件为hover，移动到该元素上时，触发函数，函数内容是这个li的儿子ul进行切换下拉和上拉，意思是鼠标放在元素上下拉，离开便上拉，这就是toggle的好处

---

---

---

别喷我，写的不好就劳烦指点一二，觉得有帮助就留下个大拇指点个关注再走哈哈哈！