菜单栏的展开&关闭菜单栏的展开&关闭

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 开发工具与关键技术：VS、jQuery
作者：#33
撰写时间：撰写时间：2019年05月28日
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
运用jQuery方法实现（使用前引入插件）：点击按钮（如功能_1）使隐藏的ul标签直接展开显示li标签，再点击直接关闭，无动画效果。点击按钮（功能_4）使隐藏的ul标签向下滑动显示，再点击向上滑动隐藏。

文章图片

引入插件：

Body中的代码：

菜单栏 1:直接显示&隐藏

菜单栏 2：滑入滑出

基本样式：

页面加载jQuery代码:
无动画效果直接显示 HTML 元素的隐藏和展开有单方面的方法：通过 jQuery，可以使用 hide() 和 show() 方法来实现。而toggle() 方法可以切换这两种方法的效果。如下列jQuery代码：
按钮的click方法（获取按钮id）：获取ul标签的id使用toggle（）方法切换展开&隐藏的效果。