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

помогите чайнику!
Добрый день. никак не получается сделать отдельным цветом активный пункт меню. Читал статьи на форуме - не помогло - где то ошибка... подскажите пожалуйста!
вывод сайдбара делаю так
$link = PATH."/products/index?";
foreach ($param as $list) {
$res .= "<li><a href=".$link.$list['link'].' onclick="this'.'.'.'className+='."'current'".';'.
'">'.$list['name']."</a></li>";
}

стиль
.sb {
margin: 0;
padding: 0;
width: 100%;
list-style-type: none;
}

.sb li {
display:block;
width: 100%;
/*border-right: 1px solid grey;*/
background-color: edf1f4;
font-size: 1.1em;
color: #6C3262;
}

.sb li a {
text-decoration: none;
padding: 2% 10%;
width:100%;
color: #89628e;
text-align: justify;
font-weight: bold;
}



.sb li a:hover {
font-size: 1.2em;
color: #c111d8;
}



.sb li a:active {
color: #e154f7;
font-size: 1.2em;
}

sb li a.current {
color: #red;
}

при нажатии класс current добавляется и тутже пропадает... где ошибка?

7vano7,
Пожалуйста, отформатируйте свой код!

Для этого его можно заключить в специальные теги: js/css/html и т.п., например:

[js]
... ваш код...
[/js]

О том, как вставить в сообщение исполняемый javascript и html-код, а также о дополнительных возможностях форматирования - читайте http://javascript.ru/formatting.

переход по ссылке не отменили
#отмена-действия-браузера

я понимаю, что где то ошибка, вопрос где, что я делаю не так,

<div class = "sidebar">
    <ul class ="sb">
    <?php

    if ($this->sb !="") {
	echo Sidebar::sidebarDisplay($this->sb);
    } 
   ?>
  </ul>
</div>

$link = PATH."/products/index?";
	foreach ($param as $list) {
		$res .=  "<li><a href=".$link.$list['link'].'          
                onclick="this'.'.'.'className+='."'current'".';'.
		'">'.$list['name']."</a></li>"; 
	}

.sb {
	margin: 0;
	padding: 0;
	width: 100%;
	list-style-type: none;
  }

  .sb li {
	display:block;
	width: 100%;
	font-size: 1.1em;
	color: #6C3262;
  }

  .sb li a {
	text-decoration: none;
	padding: 2% 10%;
	width:100%;
	color: #89628e;
	text-align: justify;
	font-weight: bold;
  }

  .sb li a:hover {
	font-size: 1.2em;
	color: #c111d8;
  }

  .sb li a:active {
	color: #e154f7;
	font-size: 1.2em;
  }

  sb li a.current {
	color: #red;
  }

как я понимаю, js код здесь не нужен. по при клике класс к блоку div добавляется и тут же при переходе по ссылке исчезает. Или нужно что-то в дописать в коде?

сюда добавить return false