Тема: Виділити активні пункти меню
Виділити активні пункти меню. Є такі пункти меню home, about, news, static, vacancy, contacts, factory, investor, tender.
Пункт about ділиться на підпункти:
Підсвічуються активним тільки пункти / static / about /, при натисканні на інші підпункти меню виділяються активним зовсім інший пункт меню static, він в свою чергу також підпункти вони виділяються правильно.
<li>
<a href='/static/about/'>....</a>
<ul>
<li><a href='/static/about/' class='shift'>.....</a></li>
<li><a href='/static/history/' class='shift'>....</a></li>
<li><a href='/static/management/' class='shift'>....</a></li>
<li><a href='/static/csr/' class='shift'>.....</a></li>
</ul>
</li>Також є пункт меню <li>
<a href='/static/tender/'> Закупівлі та тендери </a>
</ Li>
який так само при активності виділяє меню static.
Знайшов код який на мою думку відповідає за виділення активних пунктів, правда я не розбираюся в ньому. Прошу допомоги, як зробити щоб подсвечивались правильні пункт.
function menu_action()
{
var menu = new Array('','about','news','static','vacancy','contacts','factory','investor','tender');
url = document.location.href;
if(url.indexOf('/') != -1)
{
url = url.substring(7);
url = url.substring(parseInt(url.indexOf('/')) + 1);
}
if(url == '')
{
$('.menu .main > li:eq(0) > a').addClass('hover');
return;
}
cnt = menu.length;
for(i = 1; i < cnt; i++)
{
if(url.indexOf(menu[i])!= -1)
{
if(i < 6)
{
$('.menu .main > li:eq(' + i + ') > a').addClass('hover');
}
else
{
i = i - 6;
$('.menu .more > li:eq(' + i + ') > a').addClass('hover');
}
return;
}
}
}