Нужна помощь!
Необходимо выделить активный пункт меню и его последний родительский пункт меню.
Например: перейдя по ссылке "страница 1", нужно добавить класс active активному пункту меню "страница 1" и его последнему родительскому пункт меню "подкатегория 1".
<div class="menu">
<span><a href="/category1">категория 1</a></span>
<span><a href="/category1/subcategory1">подкатегория 1</a></span>
<span><a href="/category1/subcategory1/page1">страница 1</a></span>
</div>
Есть вот такой код, но он добавляет класс active всем родительским пунктам меню.
$(function () {
var location = window.location.href;
$('.menu span').each(function () {
var link = $(this).find('a').attr('href');
if (location.indexOf(link) !== -1)
{
$(this).addClass('active');
}
});
});
