zyzth1314 发表于 2019-12-28 20:19:26

求js问题求助

本帖最后由 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地方却没反应了。。。

wongyusing 发表于 2019-12-28 23:12:03

可以啊，你dd的padding设大点试试

不二如是 发表于 2019-12-29 08:59:26

1、在 Chrome 中测试没问题：

zyzth1314 发表于 2019-12-30 12:27:41

不二如是 发表于 2019-12-29 08:59
1、在 Chrome 中测试没问题：

感谢大佬我给点错了
页: [1]
查看完整版本: 求js问题求助