特定のページにあるときにdivを非表示にする

Question

したがって、3つの選択肢のボックスがあります。あるページに3番目のものを隠しておきたい。何らかの理由で私のコードが動作していません。私は間違って何をしていますか？

HTML：

<div class="form-group"> 
<label class="col-md-4 control-label">First:</label> 
<div class="col-md-8"> 
<select id="first" class="form-control"> 
    <option>1</option> 
    <option>2</option> 
    <option>3</option> 
</select> 
</div> 
</div> 
<div class="form-group"> 
<label class="col-md-4 control-label">Second:</label> 
<div class="col-md-8"> 
<select id="second" class="form-control"> 
    <option>4</option> 
    <option>5</option> 
    <option>6</option> 
</select> 
</div> 
</div> 
<div class="form-group"> 
<label id="thirdid" class="col-md-4 control-label">Third:</label> 
<div class="col-md-8"> 
<select id="third" class="form-control"> 
    <option>7</option> 
    <option>8</option> 
    <option>9</option> 
</select> 
</div> 

スクリプト：

if (top.location.pathname === '/ajax/test/yes.html') 
       { 
        $("#third").hide(); 
        $("#thirdid").hide(); 
       } 

Answer 1

私は

if (window.location.pathname === '/ajax/test/yes.html') { } 

がうまくいくと信じています。 hereから直接取得しますが、このようなURLの部品を見つけることができます。

var newURL = window.location.protocol + "//" + window.location.host + window.location.pathname; 

Answer 2

これは

$(function(){ 
      if (window.location.pathname == "/ajax/test/yes.html") { 
       $("#third").hide(); 
       $("#thirdid").hide(); 
      } 
    });