Bootstrap3のCollapseメニューをURLに合わせてActiveさせたいです。

Question

こんにちは、BootstrapのCollapseを使ってアクティブなメニューを作りたいです。

メニューはHtmlで作り、他のPHPファイルで読み込んでNavbarに表示する形になっています。
やりたいことは、リンク先を選択してページ移動すると、そのページのリンク先にClass＝”Active”を追加することでメニューが活性化されているように見せたいです。
例えば、メニュー１の選択肢２を選択すると、url/option2ページに移動し、<a href="/option2" class="list-group-item active">選択肢２</a>のように変わることが望ましいです。
これまで作ってみたソースコードは以下に添付します。

<script type="text/javascript">
    $(document).ready(function () {
        var url = window.location.parameter;
        $('div.panel-body a[href="'+ url +'"]').parent().addClass('active');
        $('div.panel-body a').filter(function() {
             return this.href == url;
        }).parent().addClass('active');
    });
</script>

<div class="panel-group" id="accordion">

  <div class="panel panel-default">
    <div class="panel-heading">
      <h4 class="panel-title">
        <a data-toggle="collapse" data-parent="#accordion" href="#collapse1">
          メニュー１</a>
      </h4>
    </div>
    <div id="collapse1" class="panel-collapse collapse in">
      <div class="panel-body">
        <div id="collapse1"　class="list-group">
          <a href="/option1" class="list-group-item">選択肢１</a>
          <a href="/option2" class="list-group-item">選択肢２</a>
        </div>
      </div>
    </div>
  </div>

  <div class="panel panel-default">
    <div class="panel-heading">
      <h4 class="panel-title">
        <a data-toggle="collapse" data-parent="#accordion" href="#collapse2">
          メニュー２</a>
      </h4>
    </div>
    <div id="collapse2" class="panel-collapse collapse">
      <div class="panel-body">
        <div id="collapse2"　class="list-group">
          <a href="option3" class="list-group-item">選択肢３</a>
          <a href="option4" class="list-group-item">選択肢４</a>
          <a href="option5" class="list-group-item">選択肢５</a>
        </div>
      </div>
    </div>
  </div>


</div>

全然エラーメッセージもなく、動きもしません。
JavascriptとJQueryは全然知識がないのでどこからどう修正すればいいかもあまり思いつきません。
何かアドバイスややり方を教えて頂けないでしょうか。
どうぞよろしくお願いします。

Answer 1

少し修正してみたら動きました。

<script type="text/javascript">
    $(document).ready(function () {
        var url = window.location;
        $('div.panel-body a[href="'+ url + '"]').addClass('active');
        $('div.panel-body a').filter(function() {
             return this.href == url;
        }).addClass('active collapse');

    });
</script>

Parentを消したら問題なく動きました。