• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号
您的位置:首页 > 程序设计 >jquery > jQuery+CSS 半开折叠效果原理及代码(自写)

jQuery+CSS 半开折叠效果原理及代码(自写)

作者: 字体:[增加 减小] 来源:互联网 时间:2017-08-16

通过本文主要向大家介绍了半开,折叠等相关知识,希望对您有所帮助,也希望大家支持linkedu.com www.linkedu.com
一个项目想用jQuery做一个可以半折叠的DIV元素,苦于jQueryUI中accordion没有提供相关的方法,就自己写了个。以前使用jQueryUI的时候发现能够用的accordion全部折叠起来了,没办法设置折叠的最小高度。
代码质量很低,希望老鸟能够指点指点。

下图是效果展示,能够借由jQuery的函数展开收缩
 
viewbutton的层级可自行修改,但要注意动画的目标是什么。我写的viewbutton会对它上一级的那个div做动画,所以就不用把选择器写得过于复杂了。
分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

  • jQuery+CSS 半开折叠效果原理及代码(自写)

相关文章

  • 2017-08-16Dreamweaver jQuery智能提示插件,支持版本提示,支持1.6api
  • 2017-08-16jQuery的Scrollify插件实现滑动到页面下一节点
  • 2017-08-16通过Ajax使用FormData对象无刷新上传文件方法
  • 2017-08-16Jquery中getJSON在asp.net中的使用说明
  • 2017-08-16jquery实现动画菜单的左右滚动、渐变及图形背景滚动等效果
  • 2017-08-16jQuery动画显示和隐藏效果实例演示(附demo源码下载)
  • 2017-08-16AJAX分页的代码(后台asp.net)
  • 2017-08-16jQuery实现移动 和 渐变特效的点击事件
  • 2017-08-16基于jQuery的简单九宫格实现代码
  • 2017-08-16jQuery实现textarea自动增长宽高的方法

文章分类

  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号

最近更新的内容

    • jQuery实现加入收藏夹功能(主流浏览器兼职)
    • jquery ezUI 双击行记录弹窗查看明细的实现方法
    • Jquery修改image的src属性,图片不加载问题的解决方法
    • jquery动态改变div宽度和高度
    • jQuery.cookie.js使用方法及相关参数解释
    • BootStrap轻松实现微信页面开发代码分享
    • 分享20多个很棒的jQuery 文件上传插件或教程
    • jquery版轮播图效果和extend扩展
    • jQuery选取所有复选框被选中的值并用Ajax异步提交数据的实例
    • 一次失败的jQuery优化尝试小结

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有