这个是jquery的插件，你得去再那个JS，jquery.easing。然后调用jq的animate方法去执行。animate和easing的组合用法，你搜搜就能找到不少。
十多年的德保网站建设经验，针对设计、前端、开发、售后、文案、推广等六对一服务，响应快，48小时及时工作处理。营销型网站建设的优势是能够根据用户设备显示端的尺寸不同，自动调整德保建站的显示方式，使网站能够适用不同显示终端，在浏览器中调整网站的宽度，无论在任何一种浏览器上浏览网站，都能展现优雅布局与设计，从而大程度地提升浏览体验。成都创新互联公司从事“德保网站设计”,“德保网站推广”以来，每个客户项目都认真落实执行。
1、jQuery的核心特性可以总结为：具有独特的链式语法和短小清晰的多功能接口；具有高效灵活的css选择器，并且可对CSS选择器进行扩展；拥有便捷的插件扩展机制和丰富的插件。
2、可以用jQuery来给小图标按钮绑定click事件。当有点击的时候，展开内容。再次点击缩小内容。例如：(#icon).click(function(){ //业务逻辑。判断是否已展开，对应的进行操作。
3、这种效果，如果自己写的话推荐用jquery写，比较简单有效。里面要使用的函数，就绑定点击事件.bind()，隐藏与显示slideToggle().可以去下一个jquery的帮助文档。
4、兄弟，你用.replaceWith(ON) 这个方法 新创建的内容中的id=more在函数外是引用不到的，所以这样不行。
1、点击展开或隐藏菜单，最好在菜单前加一个图标按钮，美观又方便。
2、首先，打开html编辑器，新建html文件，例如：index.html，并引入jquery。
3、效果图：目前市场上越来越流行IOS风格的操作系统和导航方式，在今天的jQuery教程中，我们介绍如何生成一个iphone风格的菜单导航。HTML代码我们使用镶嵌的来生成菜单内容，并且包含在标签中，如下：。 。
4、这篇文章主要介绍了jQuery实现简单的下拉菜单导航功能，涉及jQuery针对页面元素的遍历与节点修改相关操作技巧，需要的朋友可以参考下本文实例讲述了jQuery实现简单的下拉菜单导航功能。
5、//缩起全部 (.tree ul li).hide()；//展示第一个 (.tree ul li： first).show()；大概就是这样 下次问问题建议贴代码(html.css.js)，不要放图片，没法调试。。
6、这里使用jquery实现展开、隐藏特效，点击列表标题后该项内容展开，其它项收缩起来，也就是不显示了。个人喜好了，有的喜欢在默认状态下不显示其它选项的内容，这个就是这种情况，仅供参考吧。
点击收缩，侧边栏向左收缩，显示按钮显示；点击显示按钮，显示按钮向左收缩，侧边栏显示。
好，我们用原来jquery时代开发的经验，在点击事件中传入 $(this) ，手动改dom（前提是项目配置了jquery，请转头看：//，上去，自己动。
//缩起全部 (.tree ul li).hide()；//展示第一个 (.tree ul li： first).show()；大概就是这样 下次问问题建议贴代码(html.css.js)，不要放图片，没法调试。。
展开收缩动画的实现有多种方式，比如JQuery的slideUp()、slideDown()方法实现；vue框架中可以借助transition/transition 实现。如果只是通过js实现display的元素属性和none之间的切换，但是没有展开和收缩的动画效果。