&引用；onclick"；通过javascript添加到嵌套列表的属性不'；按相反顺序单击时无法工作

我正试图从头开始建立一个显示/隐藏列表。当我从上往下单击时，列表会工作，但当我从下往上单击时，列表会爆炸。如果有人能指出我做错了什么，我将不胜感激，谢谢

编辑：对不起，我刚刚注意到第一个单词实际上是可以点击的。“Second”和“Third”会扩展列表，但“Element”不会

var clickableLists=document.queryselectoral（“p:仅限类型”）；
对于（变量i=0；i

ul{
不透明度：0；
身高：0；
}
李{
列表样式：无；
}

列表查看器
第一要素



一个


+试验



两个


+试验



第二要素



一个


+试验



两个


+试验



第三要素



一个


+试验



两个


+试验

使用“可见性：隐藏”，而不是“不透明度：0；”

列表查看器
保险商实验室{
可见性：隐藏；
身高：0；
}
李{
列表样式：无；
}
第一要素



一个


+试验



两个


+试验



第二要素



一个


+试验



两个


+试验



第三要素



一个


+试验



两个


+试验



var clickableLists=document.querySelectorAll（“p:仅属于类型”）；
对于（变量i=0；i

您的不可见元素正以

高度0溢出其容器，并位于以下元素的顶部，拦截它们的点击。如果不更改不透明度，则更容易看到问题：


var clickableLists=document.queryselectoral（“p:仅限类型”）；
对于（变量i=0；i

ul{
身高：0；
}
李{
列表样式：无；
}

第一要素



一个


+试验



两个


+试验



第二要素



一个


+试验



两个


+试验



第三要素



一个


+试验



两个


+试验



尝试注释不透明度，完全没有想到会看到。我吸取了教训。谢谢你，瑞安。