Зафиксировать выделение активного пункта меню
Доброго времени суток! Я видела, что похожие темы были, но я в ступоре(( Надо закончить меню для заказчика, и остался последний штрих.... Всё работает нормально, только вот выделенной активная вкладка не становится, а остаётся активной только первая..
В идеале, изначально надо, чтобы ни один элемент не был с классом activ, а присваивался он непосредственно при нажатии на элемент... Просто тогда получится, что я например нахожусь на странице с товаром, а у меня выделен элемент Главная...
HTML
Код:
<div id="menu">
<div class="active" id="nav">
<ul>
<li class="active">
<span class="outer_active">
<span>
<a class="active" href="/">
Главная
<span class="bottom_text"></span>
</a>
<span class="outer"></span>
</span>
</span>
</li>
<li>
<span class="outer_active">
<span>
<a class="active" href="/auxpage_o-magazine/">
О магазине
<span class="bottom_text"></span>
</a>
<span class="outer"></span>
</span>
</span>
</li>
<li>
<span class="outer_active">
<span>
<a class="active" href="/auxpage_garantija/">
Гарантия
<span class="bottom_text"></span>
</a>
<span class="outer"></span>
</span>
</span>
</li>
<li>
<span class="outer_active">
<span>
<a class="active" href="/auxpage_dostavka/">
Доставка
<span class="bottom_text"></span>
</a>
<span class="outer"></span>
</span>
</span>
</li>
<li>
<span class="outer_active">
<span>
<a class="active" href="/auxpage_oplata/">
Оплата
<span class="bottom_text"></span>
</a>
<span class="outer"></span>
</span>
</span>
</li>
<li>
<span class="outer_active">
<span>
<a class="active" href="auxpage_kontakti/">
Контакты
<span class="bottom_text"></span>
</a>
<span class="outer"></span>
</span>
</span>
</li>
</ul>
</div>
</div>
<!-- End Menu -->
|