How to hightlight active menu links in top navigation?

Code: Select all

href = location.pathname.substr(1)
$('#menu a[href*="'+href+'"]').parrent().addClass('active_link')

Code: Select all

<div id="menu">
.....
</div>
<script>
$(document).ready(function(){
    my code
})
</script>

Code: Select all

 <div id="menu-holder">
<?php if ($categories) { ?>
<div id="menu">
  <ul>
    <li class="home_icon"><a href="/" alt=""></a></li>
    <?php foreach ($categories as $category) { ?>     
    
    <li><a href="<?php echo $category['href']; ?>"><?php echo $category['name']; ?></a></li>
    <?php } ?> 
<li><a href="/epolis-a-my">E-polis a my</a></li>
<li><a href="/blog" style="font-weight: 300; font-size: 17px; font-family: 'Rock Salt', cursive;">Blog</a></li>    
<li><a href="/klienti">Klienti</a></li>
<li><a href="/index.php?route=information/poradna">Poradňa</a></li>
  </ul>
</div>
<script>
$(document).ready(function(){
href = location.pathname.substr(1)
$('#menu a[href*="'+href+'"]').parrent().addClass('active_link')
})
</script>
<?php } ?>

</div> 

Code: Select all

href = location.pathname.substr(1);
$('#menu a[href*="'+href+'"]').parent().addClass('active_link')