文章 专题 AI工具 学习 下载 问答 源码 最近更新
PHP
会员中心 讲师中心 微信公众号
javascript - 用什么技术能用尽量少的代码隐藏多个html元素？
伊谢尔伦
伊谢尔伦 2017-04-10 14:31:41
[JavaScript讨论组]
0 5 813
举报

我想做下面这个东西。

思路是重叠7个p，点击“一”就显示第一个p，隐藏其它6个p。
我现在只会
obj1.display="block";
ovj2.display="none";
ovj3.display="none";
ovj4.display="none";
ovj5.display="none";
ovj6.display="none";
ovj7.display="none";

这样搞至少49行，重复代码太多了。各位有什么技巧吗？

伊谢尔伦
伊谢尔伦

小伙看你根骨奇佳，潜力无限，来学PHP伐。

全部回复(5)
PHP中文网
PHP中文网2017-04-10 14:33:41 5楼

如果允许使用CSS3的话，用:target伪类会更简单一些：

http://jsfiddle.net/Gerhut/vs2x2/

赞 +0
添加回复
PHP中文网
PHP中文网2017-04-10 14:33:41 4楼

jquery siblings

赞 +0
添加回复
伊谢尔伦
伊谢尔伦2017-04-10 14:33:41 3楼

css全部隐藏，然后点击哪一个显示哪一个啊

赞 +0
添加回复
ringa_lee
ringa_lee2017-04-10 14:33:41 2楼

点击触发函数，函数循环7个p，如果是当前触发事件的p，显示，否则隐藏，或者循环全部隐藏，最后设置触发事件的p显示，最多也就6行代码的事情

赞 +0
添加回复
大家讲道理
大家讲道理2017-04-10 14:33:41 1楼

检测那个 p has active class 啥的 就把那个隐藏 然后显示当前点击的p 就是了...

赞 +0
添加回复
专题推荐
更多>
热门话题
热门教程
更多>
相关教程
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网：公益在线php培训，帮助PHP学习者快速成长！
关注服务号 技术交流群
app下载
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • PHP学习

  • 技术支持

  • 返回顶部