鱼C论坛

 找回密码
 立即注册
查看: 2632|回复: 3

[已解决]求js问题求助

[复制链接]
发表于 2019-12-28 20:19:26 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能^_^

您需要 登录 才可以下载或查看,没有账号?立即注册

x
本帖最后由 zyzth1314 于 2019-12-28 20:20 编辑

<!DOCTYPE html>
<html>

<head>
        <meta charset="utf-8">
        <title>111</title>
        <style>
                 dd {
                        width: 400px;
                        padding: 5px;
                        color: gray;
                        transition: all 0.5s linear 0s;
                        max-height: 0px;
                        opacity: 0;
                }

                dd.anim {
                        max-height: 400px;
                        opacity: 1;
                }
        </style>
</head>

<body>
        <dl>
                <dt>abc</dt>
                <dd>
                        123
                </dd>
                <dt>abcdef</dt>
                <dd>
                        123
                </dd>
                <dt>abe</dt>
                <dd>
                        123
                </dd>
        </dl>
        <script>
                var dt = document.querySelectorAll("dt").forEach(function(e){
                        e.addEventListener("click",function(){
                                e.nextElementSibling.classList.toggle("anim");
                        })
                });
        </script>
</body>

</html>
我想问一下,,,为什么我点第一个和第三个dt都没问题可以实现点击dt来实现隐藏或者展开dd 但是我第二个那个abcdef的dt我点abc地方可以实现功能但是点def地方却没反应了。。。
最佳答案
2019-12-28 23:12:03
可以啊,你dd的padding设大点试试
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复

使用道具 举报

发表于 2019-12-28 23:12:03 | 显示全部楼层    本楼为最佳答案   
可以啊,你dd的padding设大点试试
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2019-12-29 08:59:26 | 显示全部楼层
1、在 Chrome 中测试没问题:
Dec-29-2019 08-58-28.gif
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

 楼主| 发表于 2019-12-30 12:27:41 | 显示全部楼层
不二如是 发表于 2019-12-29 08:59
1、在 Chrome 中测试没问题:

感谢大佬我给点错了
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|手机版|Archiver|鱼C工作室 ( 粤ICP备18085999号-1 | 粤公网安备 44051102000585号)

GMT+8, 2024-12-23 10:43

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表