Assigning "active" class to parent issue
<p>I have a three level deep menu and what I want is that the active class goes on the parent li, this code below works on two levels, it shows the top menu item as active and the one below it, but when go to a page on the third level (ul ul ul li) all those list items in that last ul menu are active. Any ideas. I'm REALLY new to jQuery, so be kind ;-)</p>

<pre><code>$(document).ready(function(){
  var path = location.pathname.substring(1);
  if ( path ) {
   $('#main_menu li a[href$="' + path + '"]').parents('li').addClass('active');
  }
});
</code></pre>
