Jquery Add Active Class to Menu Link,Highlight Navigation URL Link

Email this Tweet This Bookmark this on Delicious

Dynamically Add "Active Menu Item" Class - Jquery

<div id="TopMenu">
<ul>
<li><a href="index.php">Home</a></li>
<li><a href="about.php">About</a></li>
<li><a href="contact.php">Contact</a></li>
</ul>
</div>

<script type="text/javascript">
//<![CDATA[
$(function(){
    var currenturl = window.location.pathname, 
    urlRegExp = new RegExp(currenturl.replace(/\/$/,'') + "$"); 
        $('#TopMenu ul li a').each(function(){
            if(urlRegExp.test(this.href.replace(/\/$/,''))){
                $(this).addClass('menuactive');
            }
        });
});
//]]>
</script>