点击收缩，侧边栏向左收缩，显示按钮显示；点击显示按钮，显示按钮向左收缩，侧边栏显示。
我们提供的服务有：成都网站设计、成都网站建设、外贸网站建设、微信公众号开发、网站优化、网站认证、香洲ssl等。为千余家企事业单位解决了网站和推广的问题。提供周到的售前咨询和贴心的售后服务，是有科学管理、有技术的香洲网站制作公司
好，我们用原来jquery时代开发的经验，在点击事件中传入 $(this) ，手动改dom（前提是项目配置了jquery，请转头看：//，上去，自己动。
//缩起全部 (.tree ul li).hide()；//展示第一个 (.tree ul li： first).show()；大概就是这样 下次问问题建议贴代码(html.css.js)，不要放图片，没法调试。。
1、点击展开或隐藏菜单，最好在菜单前加一个图标按钮，美观又方便。
2、大致给你一个思路：在方法中，step1：全部隐藏使用hide()方法 step2：然后鼠标事件触发当前选中的，使用show方法 给你一个参考网站：http：// 此网站右侧有8个中心，鼠标上移的那个会展开。
3、由上向下滑动由 slideDown()控制，由下向上滑动由 slideUp()控制。首先将菜单条隐藏，这种情况一般赋予其CSS属性：display：none； 来隐藏。然后通过jquery赋予它事件：点击或者鼠标移入。
点击收缩，侧边栏向左收缩，显示按钮显示；点击显示按钮，显示按钮向左收缩，侧边栏显示。
展开收缩动画的实现有多种方式，比如JQuery的slideUp()、slideDown()方法实现；vue框架中可以借助transition/transition 实现。如果只是通过js实现display的元素属性和none之间的切换，但是没有展开和收缩的动画效果。
点击展开或隐藏菜单，最好在菜单前加一个图标按钮，美观又方便。
/ ： 展开+)；(#content).slideToggle()；})；按你这种写法，直接把三角的图片跟那个文字写在一起，要不然还真不太方便控制。把text方法改成html方法。
首先，打开html编辑器，新建html文件，例如：index.html，并引入jquery。
本篇文章给大家带来的内容是关于jquery中如何实现菜单的展开和折叠（代码），有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。
jquery实现点击侧边栏伸缩效果。点击收缩，侧边栏向左收缩，显示按钮显示；点击显示按钮，显示按钮向左收缩，侧边栏显示。