Помогите, пожалуйста. Использую шаблон JJ Rational Magic. Кэширование выключено. Проблема в том, что активный пункт в горизонтальном меню не выделяется. Точнее, выделяется только первый пункт меню, остальные - нет.
Вот кусок кода, где нажат первый пункт меню ("Главная"). К классу пункта меню добавляется "-active":
<div id="jjNav"> <ul id="jjSplit" class="cfix"> <div id="jjSplitmm"> <ul id="jjSplit" class="cfix"> <li id="" class="jjNav-first-active"> <a class="active" href="/Photo-kharkiv/"> <span>Главная</span> </a> </li> <li class="jjNav"> <a href="/Photo-kharkiv/ob-jetom-sajte"> <span>Об этом сайте</span> </a> </li> <li class="jjNav-last"> <a href="/Photo-kharkiv/stranica-avtora"> <span>Страница автора</span> </a> </li> </ul> </div> </ul>
Когда нажаты другие пункты (например, "Об этом сайте"), ничего не происходит:
<div id="jjNav"> <ul id="jjSplit" class="cfix"> <div id="jjSplitmm"> <ul id="jjSplit" class="cfix"> <li class="jjNav-first"> <a href="/Photo-kharkiv/"> <span>Главная</span> </a> </li> <li class="jjNav" id=""> <a href="/Photo-kharkiv/ob-jetom-sajte"> <span>Об этом сайте</span> </a> </li> <li class="jjNav-last"> <a href="/Photo-kharkiv/stranica-avtora"> <span>Страница автора</span> </a> </li> </ul> </div> </ul>
СSS:
ul#jjSplit li#sfhover, ul#jjSplit li.jjNav-child-active, ul#jjSplit li.jjNav-last-child-active, ul#jjSplit li.jjNav-first-child-active, ul#jjSplit li.jjNav-first-active, ul#jjSplit li.jjNav-last-active, ul#jjSplit li.jjNav-active{ background: transparent url(../images/menu-top-right.png) right top no-repeat; line-height: 42px; height: 42px; }