Javascript 网站更改后保持打开状态的jQuery下拉列表–帮助新手

我需要一个jQuery下拉列表，它在单击子菜单项并将用户转发到子页面后保持打开状态

我用这段代码切换我的下拉列表，我想我需要在ul.子菜单中添加一个类，并用CSS切换它的可见性

---

不幸的是，我是一个jQuery noob，我无法解决这个问题

有几种方法可以实现这一点，但是你不太可能在这里得到直接的答案，原因如下：

您要做的是根据用户当前查看的页面显示元素。有几种方法可以实现这一点，但哪种方法取决于问题的具体情况。以下是一些方法：

您已经声明您正在使用WordPress。很好，WordPress使页面ID可见，因此在您的主题中，您可以轻松地根据页面ID向元素添加一个覆盖类，如class=show。但是，这意味着您必须保持页面ID列表为最新

从上面开始，您可以使用PHP获取当前URI，并在此基础上显示正确的元素

只需使用WordPress的默认菜单。您可以使用导航爬虫修改标记。看起来你正在使用引导，所以有一个问题。现在WordPress将自动向nav元素添加活动类（如果您在该页面上）。然后可以使用CSS保持这些元素的打开状态

---

在您提供的JSFIDLE中没有下拉菜单，下拉菜单是带有选项的“select”元素。@aria-不，下拉菜单是下拉菜单，显示更多信息。这包括子导航、“选择”、树视图和大量其他UI元素。@mikemike-很好，你是对的，所以请从我这里获得有用的评论投票：哦，伙计！你真的救了我一天。我不知道为什么，但我完全忘记了Wordpress添加到子菜单的父菜单的当前菜单父类。哦，伙计，这有点尴尬：谢谢你引导我进入正确的方向！

$(function () {

// Dropdown toggle
$('.dropdown-toggle a').click(function () {
    $(this).next('.sub-menu').toggle();

});

$(document).click(function (e) {
    var target = e.target;
    if (!$(target).is('.dropdown-toggle a') && !$(target).parents().is('.dropdown-toggle a')) {
        $('.sub-menu').hide();
    }
});

});