выделить активную кнопку в горизонтальном меню [РЕШЕНО]

[Vitt09]

В файле common/header.tpl вместо стандартного горизонтального меню сделал своё, вот так выглядят ссылки..

<div id="menu">
 <ul>

  <li><a href="<?php echo $home; ?>"><?php echo $text_home; ?></a></li>
  <li><a href="<?php echo $o_magazine; ?>"><?php echo $text_o_magazine; ?></a></li>
  <li><a href="<?php echo $obratnayasvyaz; ?>"><?php echo $text_obratnayasvyaz; ?></a></li>

</ul>
</div>

Стили остались те-же что и были в стандартном горизонтальном меню. Но не работают сейчас активные кнопки (выделенная кнопка меню после перехода на эту страницу), тоесть мне нужно что бы они выделялась так как это было в стандартном меню. Как прописать стиль актив в css? или как сделать по другому? ведь стили то уже прописаны (остались от старого меню)?

[Гість]

В файл footer.tpl вставьте

<script>
$(document).ready(function(){
var url=document.location.href;
 $.each($("#menu a"),function(){
 if(this.href==url){$(this).addClass('active');};
 });
});
</script>

[Vitt09]

Спасибо, работает)