根據路徑顯示和隱藏div

Question

在此先感謝。我試圖根據許多其他帖子和示例將它們組合在一起，但似乎無法使其發揮作用。我之後看起來非常簡單：顯示並隱藏特定的div，具體取決於加載的頁面是否位於網站上的特定目錄中。因此，例如，我希望 about-nav-on div隨時顯示文件位於我的網站上的/ about目錄中：www.mysite.com/about/about-us.html。

下面是我的腳本，但它沒有做任何事情。您可能會猜到，其他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(); 
    } 
}); 

哦，和P.S .:我還需要在根目錄下的任何頁面都有nav-home-on div顯示;那麼我將如何解析該URL？

DD

Answer 1

更多的研究和修修補補之後，我發現我的問題的第一部分，下面的工作，雖然我不知道這是怎樣的「如果」句話聽起來簡單的英語：

$(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文件中執行此操作。