Auto Active Menu with hierarchy

by Faisal Khan Janjua

JavaScript

var baseUrl = '/' ; 
// baseUrl must be as "http://sitename.domain/firstLevel/secondLevel/thirdLevel/"


var currentLocation = window.location.href;
var newUrl = currentLocation.replace(baseUrl,'');
newUrl = newUrl.split('/');
if(newUrl.length>0){
  var activeUrl = "";
  for(var nu=0; nu<=newUrl.length; nu++)
  {
    if(newUrl[nu]==undefined) continue;
    if(nu==0) activeUrl = baseUrl+newUrl[nu];
    else activeUrl = activeUrl+"/"+newUrl[nu];
    jQuery('a[href="' + activeUrl + '"]').parent('li').addClass('active');
  }
}
else jQuery('a[href="' + currentLocation + '"]').parent('li').addClass('active');