Javascript 制作下拉菜单'；下拉菜单'；

我正在尝试实现一个下拉菜单。作为一个起点，我正在使用一个现有的下拉菜单，它是基于CSS技巧的简单jQuery下拉菜单，使用HTML/CSS/jQuery构建的。（因为我无法在触摸设备上使用纯css，因为它们依赖于悬停状态。）

我在处理

ul.dropdown ul{top:-100%；}

方面取得了一些进展，但这只会将下拉列表上移一行，我不相信这是语义css

有什么办法可以做到这一点吗

---

我在这里对这个问题做了一个简化-

而不是

top

，使用

bottom:100%：

ul.dropdown ul {
    position: absolute;
    bottom: 100%;
}

尝试更改此选项：

ul.dropdown ul {
    bottom: 100%;
}

对于触摸设备，您需要在单击事件中编写代码。请勾选这里，你会得到你的答案

NP，这是一个很长的代码，类似的事情很容易被忽略：）我注意到的唯一一个怪癖是菜单现在是从前到后的，也就是说，css中的第一项现在是最后一项，但这不是一个特别的问题，因为你可以只写后面的列表，当然你必须触发事件。OP知道这一点。OP询问的是元素的样式（定位），而不是如何触发事件。