[已解决]求js问题求助

zyzth1314 · 发表于 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地方却没反应了。。。

最佳答案

月排行榜 / 总排行榜

wongyusing

2019-12-28 23:12:03

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

跳转到最佳答案楼层

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

这个最佳答案由 wongyusing 给出，感谢 wongyusing 的回答。

单击隐藏图章

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

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

1、在 Chrome 中测试没问题：

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

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

感谢大佬我给点错了

账号		自动登录	找回密码
密码			立即注册