菜单栏的展开&关闭

   

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

开发工具与关键技术：VS、jQuery

作者：#33

撰写时间：撰写时间：2019年05月28日

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

运用jQuery方法实现（使用前引入插件）：点击按钮（如功能_1）使隐藏的ul标签直接展开显示li标签，再点击直接关闭，无动画效果。点击按钮（功能_4）使隐藏的ul标签向下滑动显示，再点击向上滑动隐藏。

                       

引入插件：

<script src="~/Content/jquery-1.10.2.min.js"></script>

Body中的代码：

<div class="ulmenu1"> <h>菜单栏 1:直接显示&隐藏</h> <button id="closeopen">功能_1 <span style="float:right; font-size:15px;">&gt;&gt;</span></button>     <ul id="menu_li" style="display:none;"> <li>001</li><li>002</li> </ul>     <button id="closeopen1">功能_2<span style="float:right; font-size:15px;">&gt;&gt;</span></