表示のdiv例えばjqueryの

Question

でURLに基​​づいて：

のhttp; // website.com/wp/

のhttp; // website.com/wp/tag/food

HTTP; // website.com/wp/tag/drink

表示するdivのページがあります。http; // website.com/wp/またはhttp; // website.com/wp/tag/drink

ページがのときdivを非表示にするhttp：// website.com/wp/tag/food

特定のパラメータやキーワードを含むようなものではなく、URLが正確に一致したときに表示したいと思います。

私はjQueryを使ってそれを処理したい

のみ、（WPプラグインを含む）はJavaScriptやPHPではない

誰も私を助けることができますか？ありがとう。

Answer 1

あなたは次のように試してください：あなたは、URLの値を取得するためにwindow.location.hrefを使用することができます

$(document).ready(function() { 
    var currentURL = window.location.href; //grab the current window location 

    var targetDiv = $("#myTargetDiv"); //change this as per your code 

    targetDiv.hide(); //hide the div by defualt 

    if(currentURL == "http;//website.com/wp/" || currentURL == "http;//website.com/wp/tag/drink") 
    { 
     targetDiv.show(); //show the div if matched the current location 
    } 
}); 

Answer 2

。次に、.show()を使用して、要素を非表示にするために.hide()と一緒に要素を表示させることができます。 location.pathnameの値に基づいて、可視性をトグル

if(window.location.href === "http://website.com/wp/") 
    $('#foo').show(); 

Answer 3

とブール値に基づいて切り替えるためtoggle()メソッドを使用します。要素のidはあなたがURL "http://website.com/wp/"のためにこのような何かを行うことができfooた場合たとえば。

$('#div').toggle(location.pathname == '/wp/' || location.pathname == '/wp/tag/drink');