我拼凑了一些代码,使我的无序列表(内部嵌套了ul)像下拉一样工作。为了进一步发挥作用,我在列表上方有一个选择。单击列表中的项目(或更具体地说,单击列表项中的锚标记,或单击嵌套列表项)时,该选项将获取其文本。
要查看父级别列表,您必须单击选择。然后,当您通过父列表项单击[+]时,它会将子列表切换为查看和退出。
但是,我注意到当你“下拉”第一个列表时,需要单击[+]两次以显示子列表。
现在,最初而不是选择,我使用了一个div,我试图让它看起来像一个下拉,但我认为选择看起来会更好。当我使用div时,[+]第一次点击注册。
因此,我很确定它与您点击选择时发生的某些原生事件有关,但我不知道该怎么做,因为我不确定原因是什么。
tldr;这是一个小提琴:http://jsfiddle.net/Pj6W6/ 在小提琴中你可以看到我最初使用的div,如果你恢复它并摆脱选择,你会看到它正常工作。