Как выделить активную ссылку меню на сайте?

[Puperlancer]

Здравствуйте.

Уже второй день ломаю голову. Нужно чтобы активная ссылка была выделена другим цветом.

Напр. переходим по ссылке "Мыло ручной работы" и на странице где информация о продукте, фон ссылки выделить другим цветом.

Ссылка на сайт (http://floris-m.com.ua/)

 

Пробовал использовать JavaScript, но ничего не меняется:

<script>  $(function() {$(«li»).click(function(e) {e.preventDefault();$(«li»).removeClass(«active»);$(this).addClass(«active»);});});</script>

HTML:

<div class="akkordeon"> <ul class="vmenu"> <li class="home"><a href="/shop/mylo-ruchnoj-raboty">Мыло ручной работы</a></li>  <li class="parent"><a href="#"><span>Мыло натуральное</span></a> <ul class="dropdown"> <li><a href="/shop/mylo-naturalnoe-kosmeticheskoe"><span>Мыло косметическое</span></a></li> <li><a href="#"><span>Мыло-скраб</span></a></li> <li><a href="/shop/zhidkoe-mylo"><span>Жидкое мыло</span></a></li> <li><a href="/shop/mylo-tverdoe"><span>Мыло твердое</span></a></li> <li><a href="/shop/mjagkoe-mylo-beldi"><span>Мягкое мыло "Бельди"</span></a></li> </ul>  </li>  ...  </ul> </div>

CSS:

.akkordeon {	width:213px;}ul.vmenu {	background-color: #454851;	border: 1px solid #efefef;		list-style: none;	font: 12px Tahoma, sans-serif;	font-weight:bold;	margin: 0;	padding: 0;	overflow:hidden}ul.vmenu li.home {background:url(../img/home-icon.png) 12px 12px no-repeat; color:#1a5900;}ul.vmenu li.home:hover {background:url(../img/home-icon.png) 12px -21px no-repeat;}ul.vmenu li a {	background: url(../img/bg-li-a.png) repeat-x;	color:#1a5900;	display:block;	text-decoration:none;	padding:10px;	height:18px;}ul.vmenu li:first-child a {box-shadow:none; color:#1a5900;}ul.vmenu li a:hover {background: url(../img/bg-li-a-hover.png) repeat-x}ul.vmenu li.parent a span {	display:block;		background:url(../img/arrow-down.png) right center no-repeat;	color:#1a5900;}ul.vmenu li.parent a.selected span {background:url(../img/arrow-up.png) right center no-repeat; color:#1a5900;}/******************************* Выпадающие пункты */ul.vmenu li ul.dropdown {	height:0;	overflow:hidden}ul.vmenu li ul {	list-style:none;	margin:0;	padding:0;}ul.vmenu li ul li {	background:url(../img/dropdown-menu-li.jpg) repeat-x;	}ul.vmenu li ul li a {	background:none;	padding:0;	height:38px}ul.vmenu li ul li a span {	background: url(../img/menu-dropdown-figure.png) 18px 16px no-repeat !important;	display:block;	padding:10px;}ul.vmenu li ul li a:hover span {border-left:solid 2px #31a900;}ul.vmenu li ul li a:hover {background:url(../img/dropdown-menu-li.jpg) repeat-x; border-left:solid 2px #31a900;}

[Николя223]

ul.vmenu li ul li.active a {

...

}

[Puperlancer]

ul.vmenu li ul li.active a {

...

}

Так пробовал, но ничего, без изменений.

[Николя223]

ну дак

посмотрите как сделано выделение у верхнего меню. на php

и сделайте точно также для левого меню

p.s: я ваш сайт только сейчас посмотрел

[Puperlancer]

ну дак

посмотрите как сделано выделение у верхнего меню. на php

и сделайте точно также для левого меню

p.s: я ваш сайт только сейчас посмотрел

и я к этому додумался. но php не вариант.

[Николя223]

по другому - костыли

у вас сайт на юкозе. пораспрашивайте местных. 100% там предусмотренно

[Sergik+]

Это и есть знаменитый юкоз ? А я думаю чо за хрень )

[Puperlancer]

Это и есть знаменитый юкоз ? А я думаю чо за хрень )

аха   Именно ОНО)))