jquery收缩展开+ jquery伸缩菜单

JQUERY展开收缩的问题

点击收缩，侧边栏向左收缩，显示按钮显示；点击显示按钮，显示按钮向左收缩，侧边栏显示。

网站建设哪家好，找成都创新互联！专注于网页设计、网站建设、微信开发、成都小程序开发、集团企业网站建设等服务项目。为回馈新老客户创新互联还提供了回民免费建站欢迎大家使用！

好，我们用原来jquery时代开发的经验，在点击事件中传入 $(this) ，手动改dom（前提是项目配置了jquery，请转头看：//，上去，自己动。

//缩起全部 (.tree ul li).hide()；//展示第一个 (.tree ul li： first).show()；大概就是这样 下次问问题建议贴代码(html.css.js)，不要放图片，没法调试。。

任意高度元素的展开收缩动画的实现(max-height)

Css max-height最大高度应用解释此属性很少使用，可能是为了避免内容太多将高度撑太高影响布局美化统一，这个时候我们设置最大高度限制。

用 height 是不行的。不过，用 max-height 和 min-height 可以实现同等效果。

限定 .min 元素高度为70，超出隐藏。增加子元素 .max-height ，并添加.clearfix伪类清除浮动，使其与内部浮动的.box元素高度一致。jquery获得 .max-height 高度即为内部.box的最大高度。

jquery收起展开效果

1、然后再点击就显示出一些内容。不过这样写的话有点麻烦了， 所以我们一把使用一般使用一些js框架例如JQuery.js 这样的话，只需要得到对象.toggle()；就可以实现那个功能了。

2、这种效果，如果自己写的话推荐用jquery写，比较简单有效。里面要使用的函数，就绑定点击事件.bind()，隐藏与显示slideToggle().可以去下一个jquery的帮助文档。

3、可以用jQuery来给小图标按钮绑定click事件。当有点击的时候，展开内容。再次点击缩小内容。例如：(#icon).click(function(){ //业务逻辑。判断是否已展开，对应的进行操作。