Html 单击或导航到引导下拉列表项时，始终显示该项

类似于：

我有两级引导菜单。我希望在选择并导航到某个项目时，始终显示该项目所在位置的下拉列表。以下是我的代码精简版本：

<ul class="menu-system">
<li class="active">
<a href="#">Location</a>
</li>
<li class="dropdown">
    <a href="#" class="dropdown-toggle menu-item" data-toggle="dropdown"> Top level Option 1</a>
    <ul class="dropdown-menu">
        <li><a href="#"> Option 1</a></li>
        <li><a href="#"> Option 2</a></li>
        <li><a href="#"> Option 3</a></li>
        <li><a href="#"> Option 4</a></li>
    </ul>
</li>

示例：当顶层选项1>选项1页面处于活动状态时，我希望显示下拉菜单。目前它只显示顶级菜单。由于它是一个引导下拉菜单，默认情况下会显示它，这是下拉菜单的正确工作方式。不确定是否可以动态显示。无论用户是否单击该页面或该页面上的任何其他内容，都应始终显示该页面

我在一个ASP.NET应用程序中工作。我不确定这是否与活动标记有关，或者我是否必须编写一些javascript/jquery代码来获取当前页面并显示相应的下拉菜单

非常感谢您的帮助

---

JSFiddle：JSFiddle.net/yZ8C6

好的，我会在前面说，我无法让它在JSFiddle中正常工作，因为它在单击命名链接时不会重新加载页面。但是，我相信这应该会有所帮助

$('.dropdown-menu li a').each(function() {
    if($(location).attr('href').indexOf($(this).attr('href')) > 0) {
         $('.dropdown-menu').show();
    } 
});

因此，我们在这里要做的是检查每个列表项上的链接href，并检查它是否包含在页面链接中。如果其中任何一个匹配，下拉列表将设置为显示。由于引导使用

可见性

和

show（）

使用

display:block

，

show（）

应在停止悬停时覆盖

可见性：隐藏

看看你是怎么做的-为了你自己的目的，你可能需要稍微修改一下

---

如果您单击其中一个链接，然后仅重新加载输出帧，则可以使小提琴工作

您可以创建问题的解决方案吗？这将使工作更容易…-CSS只是一个默认的CSS，而不是我网站上的实际CSS。但是功能是一样的。今天就开始吧，你的答案似乎很符合逻辑，但我必须像你说的那样稍微调整一下。else语句将可见性转换为visible有什么意义？我有一个问题，我的菜单中有多个下拉菜单，并且我已经成功地编码，根据您的代码分别显示每个下拉菜单：）。但是当你点击另一个下拉菜单时，我仍然想要菜单的功能，我们刚才显示的固定菜单应该消失，而另一个应该只在点击菜单时显示。因为目前它们是相互重叠的。你是对的，没有意义。我将编辑答案。我本来就在那里，但是忘了把它拿出来。我说这很好。对不起，你能根据你现在的位置创建另一个JSFIDLE吗？