Всем привет.
Возник такой вопрос, который никак не могу понять как сделать.
Есть меню типа
<ul>
<li>
<a href="page.php">Меню 1</a>
<ul>
<li><a href="page.php?action=add_news">Меню 2</a></li>
<li>
<a href="page.php?action=edit_news">Меню 3</a>
<ul>
<li><a href="page.php?action=menu">Меню 5</a></li>
<li><a href="anypage.php">Меню 6</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="page.php?c_id=5">Меню 4</a></li>
</ul>
У всех li, если открыта страница, например "Меню 5", добавляется просто класс active
<ul>
<li class="active">
<a href="page.php">Меню 1</a>
<ul>
<li><a href="page.php?action=add_news">Меню 2</a></li>
<li class="active">
<a href="page.php?action=edit_news">Меню 3</a>
<ul>
<li class="active"><a href="page.php?action=menu">Меню 5</a></li>
<li><a href="anypage.php">Меню 6</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="page.php?c_id=5">Меню 4</a></li>
</ul>
Т.е. добавляем active первому li, li у которого подменю и li уже конечный.
Никак не могу понять, как сделать на jQuery, что определяло по строке браузера какой пункт подменю открыт и всем парентам li добавляло active. видел такое в каком-то tree меню, но не помню в каком.
На php не получается просто такое сделать. Там генерируется рекурсивно дерево. И как проверить какой пункт меню является чьим потомком не получается сделать.
Может кто-то уже делал подобное? Буду благодарен за помощь.