jquery收缩展开列表，jquery缩放整个页面

用jquery写一个下拉菜单,打开页面时A菜单是展开状态,点击B菜单收起A菜单...

点击展开或隐藏菜单，最好在菜单前加一个图标按钮，美观又方便。

每个子菜单都是一个dd节点，在展开收起的时候会对每个dd执行效果。看起来就好像百叶窗的效果了。

用jquery实现比较省事，同一页面可以反复使用，要配合css设置样式。

相关问答

Q1: 用jquery怎么实现点击图片展开,收缩的功能

click事件：(jQuery)点击根节点，如果子节点(展示就隐藏，隐藏就展示)；但是要注意根节点和子节点应该是有一定关系的，这个你自己想想可以解决的。

首先，打开html编辑器，新建html文件，例如：index.html，并引入jquery。

准备好需要用到的图标。新建html文档。书写hmtl代码。 。书写并添加js代码。/script。代码整体结构。查看效果。

jQuery animate() - 操作多个属性。注意，生成动画的过程中可同时使用多个属性。jQuery animate() - 使用相对值。也可以定义相对值（该值相对于元素的当前值）。需要在值的前面加上-=。

Q2: 怎么只用Jquery实现菜单的收缩,点一下把子菜单隐藏,再点一下把子菜单...

点击展开或隐藏菜单，最好在菜单前加一个图标按钮，美观又方便。

在function内部实现鼠标进入事件，以及所有下拉效果的实现。

jquery 失去焦点隐藏菜单：本实例主要用到了一个切换显示与隐藏的事件 hover 与点击事件 click；以及is.(hidden)对某个元素状态的判断。

Q3: JQUERY展开收缩的问题

首先，打开html编辑器，新建html文件，例如：index.html，并引入jquery。

如果想像你这样实现，最好在每一个ul和li加上ID（这个ID必须是有规律的，比如父ID为1_1，子ID1_1_..），用链接的点击事件根据ID获取父菜单和子菜单实现改变ul、li的display样式就可以实现展开或隐藏。

看代码，感觉您受累了。使用jQuery现成的方法吧：(div).slideUp()；//动感大气上档次 --- 建议，恶补一下jQuery基础，然后看代码，看一段就能吸收一段了。

(.content).eq(0).slideToggle()；这里设置的只操作类为content的第1个（下标是0）的对象。

treegrid.expand(rowParm) ； // 展开方法 //其中treegrid为整个表格对象，rowParm为你要指定的哪一行收缩或展开。

如果是JS构建：节点添加属性state：节点状态，open 或 closed，默认是 open。当设置为 closed 时，该节点有子节点，并且将从远程站点加载它们。

Q4: 简单的jquery收缩展开

1、首先，打开html编辑器，新建html文件，例如：index.html，并引入jquery。

2、点击展开或隐藏菜单，最好在菜单前加一个图标按钮，美观又方便。

3、类似于android手机的状态栏下拉效果，但方向相反。Div块在底部，当点击按钮时，div向上展开，再次点击时向下收回。

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

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

6、建议你下载个jquery的API手册看看，上有详细的用法，简单明了。有slideUp slideDown slideToggle三个方法，up就是收起，Down就是展开，toggle是判断，当前如果为收起的就展开，展开的则收起。

Q5: jquery如何实现多个div展开收缩jquery展开收缩效果

首先，打开html编辑器，新建html文件，例如：index.html，并引入jquery。

类似于android手机的状态栏下拉效果，但方向相反。Div块在底部，当点击按钮时，div向上展开，再次点击时向下收回。

首先，新建一个html界面，然后引入jquery-ui.js，jquery-ui.css，jquery即可。数字表示的是版本号，只要jquery的版本是2版本的基本都可以，太高版本的和jqueryui不兼容哦。

/ ： 展开+img src=img/140195744png /)；(#content).slideToggle()；})；按你这种写法，直接把三角的图片跟那个文字写在一起，要不然还真不太方便控制。把text方法改成html方法。

兄弟，你用.replaceWith(a href=# id=moreON/a) 这个方法 新创建的内容中的id=more在函数外是引用不到的，所以这样不行。

关于jquery收缩展开列表和jquery缩放整个页面的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。