url - パスに基づいて div を表示および非表示にする

Question

前もって感謝します。他の多数の投稿や例に基づいてこれをつなぎ合わせようとしましたが、うまくいかないようです。ロードされたページが Web サイトの特定のディレクトリにあるかどうかに応じて、特定の div を表示および非表示にします。たとえば、ファイルが私のサイトの /about ディレクトリにあるときはいつでも about-nav-on div を表示するようにします: www.mysite.com/about/about-us.html。

以下は私のスクリプトですが、何もしていません。ご想像のとおり、他の div は私のナビゲーションの他のメニュー項目であり、-on はそれぞれのメニュー項目を強調表示するものです。したがって、以下の例では、「オフ」の 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();
    }
});

ああ、追記: ルート ディレクトリにあるすべてのページについて、nav-home-on div を表示する必要もあります。では、その URL を解析するにはどうすればよいでしょうか。

DD