Top menu bar highlight selected category and stay selected

Code: Select all

#menu .nav > li.active {
    background:#349ECA;
}

Code: Select all

<?php foreach ($categories as $category) { ?>

Code: Select all

          <?php
          $is_active = false;
          if(isset($_GET['path'])){
              list($category_id) = explode('_',$_GET['path']);
              if(preg_match('~&path='.$category_id.'(&|_|$)~',$category['href'])){
                  $is_active = true;
              }
          }
          ?>

Code: Select all

<li class="dropdown"><a href="<?php echo $category['href']; ?>" class="dropdown-toggle" data-toggle="dropdown"><?php echo $category['name']; ?></a>

Code: Select all

<li class="dropdown<?php if($is_active):?> active<?php endif;?>"><a href="<?php echo $category['href']; ?>" class="dropdown-toggle" data-toggle="dropdown"><?php echo $category['name']; ?></a>

Code: Select all

<li><a href="<?php echo $category['href']; ?>"><?php echo $category['name']; ?></a></li>

Code: Select all

<li<?php if($is_active):?> class="active"<?php endif;?>><a href="<?php echo $category['href']; ?>"><?php echo $category['name']; ?></a></li>

Code: Select all

<script>
$(document).ready(function() {
    if(document.URL.match(/&path=(\d+)(_|&|$)/)){
        $('a[href$="path='+RegExp.$1+'"]').each(function(){
            $(this).parent().addClass('active');
        })
    }else if(document.URL.match(/[^/]+\/([^/]+)(\/|$)/)){
        $('a[href$="/'+RegExp.$1+'"]').each(function(){
            $(this).parent().addClass('active');
        })
    }
});    
</script>

Code: Select all

#menu li.active {
    background:#349ECA ;
}

Code: Select all

#menu li.active >a{
    background:black;
    border-radius:5px;
}