效果如标题，用代码测试，当鼠标放到class 值为 my-on 的上面时 ，class 值为 son 的慢慢下行展开

测试看代码

JS实现类似手风琴效果效果如下

效果如下

实例为大家分享了jQuery实现文章收起与展开功能的具体

点击展开再次点击收起，话不多说，看代码

可用于任意页面的弹窗效果

一个简易的展开和关闭

1.可切缩小至侧栏，自适应屏幕滚动，缩小后，弹出菜单超出屏幕自动移至可视范围，适用后台管理， 2.缺点目前未适配IE，只适配了Chrome。

本文实例讲述了jQuery实现DIV层收缩展开的方法。分享给大家供大家参考。具体实现方法如下：!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"html xmlns="http://www.w3.org/1999/xhtml"headtitlejQuery实现D

方法一：script type="text/javascript"$(function() {$("#toggle").click(function() {$(this).text($("#content").is(":hidden") ? "收起" : "展开");$("#content").slideToggle();});});/script调用a href=&

简单实用的jQuery点击展开显示文字内容代码，默认情况下只显示标题，点击展开按钮时，所有内容全显示，展开按钮变为收起按钮，点击收起按钮即收起展开的文字内容。

​这是一款很实用的jQuery点击阅读全文展开查看全部内容代码，默认显示文章的一部分内容，点击“阅读全文”展示所有文章内容显示更多文字。

jqury 实现点击一个菜单，另一个展开的子菜单隐藏1，加载jqury.js 到相应的页面中2. css走一波style *{margin:0px;padding:0px;} body{background:#cccccc;} ul{display: none;} .menu div{ height:35px; line-height:35px; background:#99CC33; border-bottom:1px solid #333333; text-align:center; cursor:p