Подсветка активного пункта меню

[jeckill 0]

Собственно меню на сайте http://shtoesli.ru , из-за такого стиля меню все немного усложнилось :

<script>

jQuery(document).ready(function($) {

  var pathname = location.pathname.split("/")[1];

   if (pathname =='' || pathname=='page') {   $('.menu1  a[href^="/' +pathname + '"]').parent('li').toggleClass('m1');}



   if (pathname=='multimedia') {   $('.menu2  a[href^="/' +pathname + '"]').parent('li').toggleClass('m2');}

	  if (pathname=='txt') {   $('.menu3  a[href^="/' +pathname + '"]').parent('li').toggleClass('m3');}

	  if (pathname=='lastnews') {   $('.menu4  a[href^="/' +pathname + '"]').parent('li').toggleClass('m4');}

	  if (pathname=='top') {   $('.menu5  a[href^="/' +pathname + '"]').parent('li').toggleClass('m5');}

});

</script>

Вкладки типа multimedia,txt ... обрабатывает корректно , Но с главной страницей проблемы , как только перехожу на /page/2/ Элемент "ГЛАВНАЯ" становится не активной.

Подскажите пожалуйста в чем может быть проблема ?

[odys 384]

jeckill, убирай свой js и пропиши меню так:

<ul>

<li class="[aviable=main]m1[/aviable][not-aviable=main]menu1[/not-aviable]" style="border-color:#03d682"><a title="ГЛАВНАЯ" href="/">ГЛАВНАЯ</a></li>

<li class="[category=X]m2[/category][not-category=X]menu2[/not-category]" style="border-color:#ffd04d"><a href="/multimedia" title="ПОСМОТРЕТЬ И ПОСЛУШАТЬ">ПОСМОТРЕТЬ И ПОСЛУШАТЬ</a></li>        

<li class="[category=X]m3[/category][not-category=X]menu3[/not-category]" style="border-color:#7ed1f2"><a href="/txt" title="ПОЧИТАТЬ">ПОЧИТАТЬ</a></li>

<li class="[category=X]m4[/category][not-category=X]menu4[/not-category]" style="border-color:#94f17b"><a href="/lastnews" title="СВЕЖЕЕ">СВЕЖЕЕ</a></li>

<li class="[category=X]m5[/category][not-category=X]menu5[/not-category]" style="border-color:#e97da0"><a href="/top" title="ЛУЧШЕЕ">ЛУЧШЕЕ</a></li>

</ul>

category=X - х соответственно замени на id категории

Изменено 2 января 2015 пользователем odys

[jeckill 0]

odys, Большое спасибо!