对slideToggle()的进一步了解

slideToggle()的效果类似手风琴，但是在做的时候发现它的效果点击时只有对当前项进行展开和收起。但是需要的效果是当我们点击下一个选项时其他的可以收起，主要是针对如下图1-1 所示的点击效果

图1-1

对于一个初学者来说这个问题我也解决了将近三个小时，最后就是通过分析html代码中的父级和子级结构，理清其关系后再进行对js代码的书写基本就可以解决了；

未解决前的js代码如下图1-2 所示

图1-2

解决后的js代码如下图1-3 所示

如果有更简单更好的方法希望大家可以教教我哦！

对slideToggle()的进一步了解相关推荐

技术图文：进一步完善自动化交易系统 - 04
背景我们在数字资产量化中的三角套利策略这篇图文中详细的介绍了三角套利的原理以及代码实现. 在进一步完善自动化交易系统 - 02 和进一步完善自动化交易系统 - 03 中利用配置文件的方法,扩 ...
技术图文：进一步完善自动化交易系统 - 03
背景在进一步完善自动化交易系统 - 02 这篇图文中,向大家详细介绍了,满足以下两个条件下: 拥有数字资产:BTC.EOS.USDT.ONE BigOne 提供交易对:ONE-USDT.ONE-E ...
技术图文：进一步完善自动化交易系统 - 02
背景自己的自动化交易系统起初只有网格交易法一个版本:如何利用网格交易法对数字资产进行交易.后面,加入了ONE.USDT.EOS的三角套利版本:如何通过三角套利来交易数字资产.接着,发现三角套利的个别 ...
进一步提升用户信息安全保护意识小米安全与隐私宣传月完满落幕
6月29日,第二届小米安全与隐私宣传月活动完美落幕.活动通过多形式.多层次.全方位展示了小米在信息安全与用户隐私保护方面的实践和成就,进一步提升小米全体员工保护消费者个人信息的安全意识,为小米全线产品 ...
R语言apriori算法进行关联规则挖掘（限制规则的左侧或者右侧的内容进行具体规则挖掘）、使用subset函数进一步筛选生成的规则去除左侧规则中的冗余信息、获取更独特的有新意的关联规则
R语言apriori算法进行关联规则挖掘(限制规则的左侧或者右侧的内容进行具体规则挖掘).使用subset函数进一步筛选生成的规则去除左侧规则中的冗余信息.获取更独特的有新意的关联规则目录
内控体系建设五步骤_进一步完善环境保护标准体系建设 ——《国家环境保护标准“十三五”发展规划》解读...
◆中国环境报记者郭薇为进一步完善环境保护标准体系,充分发挥标准对改善环境质量.防范环境风险的积极作用,在充分总结"十二五"环境保护标准工作基础上,环境保护部近日印发了<国家 ...
php400错误的请求,Wordpress中的Ajax返回400错误请求，但不确定如何进一步调试 - WordPress - srcmini...
我一直试图使用Ajax将页面的数据(或其他任何东西)输出到div中.数据基于页面上的列表.尽管调用Ajax请求的jQuery函数似乎可以正常工作, 但是从Ajax调用在控制台上却收到了400个错误的请 ...
Win 2003的“远程桌面”需要进一步管理
相信大家对Windows Server 2003中的"远程桌面"功能已经比较熟悉了,借助该功能,任何用户都可以轻松实现对服务器的远程访问和管理.如果使用组策略编辑器对"远 ...
有限域f9的特征是多少_宽频域谐波的潜在威胁欠缺全面考虑，现有标准需进一步优化...
电能作为使用最为广泛的二次能源,在支撑整个国民经济生产和发展中具有举足轻重的地位.电力谐波将导致电气设备寿命缩短.网损增大.电容器故障.计量误差.继电保护装置误动等诸多问题,是衡量电能质量问题的一个重 ...

对slideToggle()的进一步了解

对slideToggle()的进一步了解相关推荐

最新文章

热门文章