Url 基于路径显示和隐藏div

提前谢谢。我试着根据许多其他帖子和例子将其拼凑起来，但似乎无法实现。我想要的似乎很简单：根据加载的页面是否在网站的特定目录中，显示和隐藏特定的div。例如，我想要 div上的about nav可在我的网站www.mysite.com/about/about-us.html的/about目录中显示任何文件

下面是我的脚本，但它没有做任何事情。您可能会猜测，其他div是我的导航中的其他菜单项，其中-on是突出显示相应菜单项的div。因此，在下面的示例中，只有“off”div显示，其他div隐藏，但最后一个示例除外，这是我要突出显示的示例，因为此页面位于/about目录中

再次感谢你。温柔一点

$(document).ready(function() {
    if (location.pathname.split("/")[1] == 'about' ) {
        $('#nav-home').show();
        $('#nav-home-on').hide();
        $('#nav-believe').show();
        $('#nav-believe-on').hide();
        $('#nav-schedule').show();
        $('#nav-schedule-on').hide();
        $('#nav-directions').show();
        $('#nav-directions-on').hide();
        $('#nav-about').hide();
        $('#nav-about-on').show();
    }
});

哦，还有一点：对于根目录中的任何页面，我还需要在div show上显示nav home；那么我将如何解析这个URL呢

---

DD

经过更多的研究和修补，我发现以下内容适用于我问题的第一部分，尽管我不确定这个“如果”语句在简单的英语中听起来如何：

$(document).ready(function(){  
    if(window.location.href.indexOf("believe") > -1) {
       $('#nav-home').show();
       $('#nav-home-on').hide();
       $('#nav-believe').hide();
       $('#nav-believe-on').show();
       $('#nav-schedule').show();
       $('#nav-schedule-on').hide();
       $('#nav-directions').show();
       $('#nav-directions-on').hide();
       $('#nav-about').show();
       $('#nav-about-on').hide();
    }
 });

尽管如此，如果我正在加载的文件位于根目录中，我仍然可以使用帮助来显示/隐藏div。现在，我只使用：

        $(window).load(function(){  
        $('#nav-home').hide();
        $('#nav-home-on').show();
    }

---

在主页上的脚本中。但是我想在.js文件中找到一种方法来实现这一点。

Ah。谢谢你，埃里克；看起来好多了。