Активный пунк меню

[alesto]

Здравствуйте форумчане, прошу помощи в javascript'e для отображения активного пункта меню, именно тега li. C javascript знаком поверхностно, пробывал так:

 $(function () {
$("ul li a").each(function() {
    if ($("ul li a").attr("href") == location.href) {
        $("ul li").addClass("activeLi");
    }
});
 });

В итоге и это по сути предсказуемо класс добавляется всем тегам li =(

[Baco]

<li <?php if ($category['active']) { ?>class="activeLi"<?php } ?>>

[alesto]

Сделал так:

 <li <?php if ($category['category_id'] == $category_id) { ?>class="activeLi"<?php } ?>>

Спасибо!

А с простым меню как сделать?

[Baco]

Поконкретней пожалуйста... боковым или горизонтальным ?

[alesto]

Горизонтальным. Обычная структура div > ul > li > a

[Baco]

Горизонтальным. Обычная структура div > ul > li > a

если у вас ocstore, то подойдёт:

<li <?php if ($category['active']) { ?>class="activeLi"<?php } ?>>

[alesto]

=) ,  моя вина, плохо объяснил

	<div id="headerMenu">
		<ul>
			<li>
				<a href="#">Главная</a>
			</li>
			<li>
				<a href="http://localhost/lesgrand/index.php?route=information/information&information_id=4">О нас</a>
			</li>
			<li>
				<a href="http://localhost/lesgrand/index.php?route=information/information&information_id=7">Производство</a>
			</li>
			<li>
				<a href="#">Проекты</a>
			</li>
			<li>
				<a href="http://localhost/lesgrand/index.php?route=gallery/gallery">Фото</a>
			</li>
			<li>
				<a href="">Цены</a>
			</li>
			<li>
				<a href="http://localhost/lesgrand/index.php?route=product/phototestimonial">Отзывы</a>
			</li>
			<li>
				<a href="http://localhost/lesgrand/index.php?route=information/contact">Контакты</a>
			</li>
		</ul>
	</div>

В нем надо реализовать добавление класса...