jquery展开收起，js点击展开收缩div

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

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

鼠标指向或者点击按钮出现菜单后，如果要单击页面任意位置让菜单隐藏。很简答可以直接用Jquery，给document对象加一个单击事件后，用jquery选择器定位到要隐藏的菜单上，修改css样式的display为none即可。

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

相关问答

Q1: 简单的jquery收缩展开

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

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

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

)；$(this).text(展开)；}})；int()；//初始化隐藏多余标签最好是用样式来控制显示隐藏show和hide，从jquery对dom的操作速度方便来考虑的话。

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

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

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

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

4、JQ其实还可以写得更少(Write Less)。而且你那样写有一个毛病，那就是用光标在的菜单上来回快速晃动几个，再移开光标时，你会发现，下拉的菜单它还在那里一上一下晃着。

Q3: jquery中slideToggle是什么意思?

1、当点击元素时，会发生 click 事件。当鼠标指针停留在元素上方，然后按下并松开鼠标左键时，就会发生一次 click。click() 方法触发 click 事件，或规定当发生 click 事件时运行的函数。

2、FC折叠变化通常通过JavaScript来实现，使用了一种名为“jQuery”库的代码库。jQuery提供了许多可以轻松实现折叠和展开效果的方法。其中一个方法就是使用“slideToggle()”函数，该函数能够让网页在被展开或折叠时平滑过渡。

3、slideToggle() 方法通过使用滑动效果（高度变化，显示是从上到下变换，隐藏是从下到上）来切换元素的可见状态。如果被选元素是可见的，则隐藏这些元素，如果被选元素是隐藏的，则显示这些元素。

4、slideToggle()这个方法，其中有种用法，是为参数指定一个函数，它会在动画完成后进行调用，可以理解为在动画完成后的回调函数。

jquery展开收起的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于js点击展开收缩div、jquery展开收起的信息别忘了在本站进行查找喔。