将CSS悬停菜单转换为jQuery菜单

我在上找到一篇博文

当我们将鼠标悬停在按钮上时，会显示下拉列表，但我想将其转换为jQuery菜单

当我们点击按钮而不是鼠标上方时，下拉列表显示在哪里，请帮助

提前谢谢

---

这是一个非常简单的逻辑。我用

替换了一些
：hover
CSS规则。单击了
类并添加了以下JS:

$('.menu > ul > li').click(function() {
    $(this).siblings().removeClass('clicked');
    $(this).toggleClass('clicked');
});

我没有允许浏览器使用
：hover
伪类触发下拉列表，而是让jQuery在每个顶级
li
上切换类
。这会产生相同的行为，但使用JS

这一行：

$(this).siblings().removeClass('clicked');

基本上从该元素的同级中删除了
单击的
类，这允许用户一次只下拉一个菜单（否则会发生重叠）

演示：
非常简单。在CSS中添加样式并在li:hover上显示下拉列表，您可以对其进行更新以添加类：类似于
。菜单ul li。单击ul
。然后将两行jQuery添加到单击操作的目标

请参见此处的代码：
欢迎使用SO。如果您在编写代码时遇到特定问题，我们很乐意提供帮助，但我们不会（在大多数情况下）为您编写代码。我想知道如何转换？因此，也许一个示例代码会有所帮助，因为我不太擅长jQuery，这里有很多有用的示例。谢谢，先生，如果您不能帮助，请不要。他们正在帮助您。我厌倦了写四行代码，但那应该是你的工作。如果您不理解jQuery，那么就学习它。这并不难。@Shobha V-请参阅此链接：我更新了代码以删除
单击
类的所有实例，然后在单击的特定LI上，添加
单击
类以启用下拉列表（如果有）。您删除了注释，但更新后的代码如下：。非常感谢您的帮助。（删除了你关于完成这项工作是我的工作的建议的评论）没问题。jQuery并不难学。一旦你学会了，就很容易使用它。