Есть ul меню, в котором на определенной странице к li с определенным именем применяются некоторые css свойства. На каждой страницы применяются разные свойства. Хотелось бы объединить все в один скрипт, чтобы в head'e документа не писать его каждый раз заново.
Меню:
<ul class="menu">
<li name="index">
<a href="/">
<img src="/img/index.png" alt="Main" border="0" width="125" height="35"/>
</a></li>
<li name="contacts">
<a href="/contacts">
<img src="/img/contacts.png" alt="Contacts" border="0" width="125" height="35"/>
</a></li>
<li name="manufacturers">
<a href="/manufacturers">
<img src="/img/manufacturers.png" alt="Manufacturers" border="0" width="125" height="35"/>
</a></li>
<li name="partners">
<a href="/partners">
<img src="/img/partners.png" alt="Partners" border="0" width="125" height="35"/>
</a></li>
<li name="fittings">
<a href="/fittings">
<img src="/img/fittings.png" alt="Fittings" border="0" width="125" height="35"/>
</a></li>
<li name="about">
<a href="/about">
<img src="/img/about.png" alt="About" border="0" width="125" height="35"/>
</a></li>
</ul>
Нужно сделать условия:
$(document).ready(function() {
если адрес страницы "/contacts", то {
$('ul.menu li[name="contacts"]').attr('name', 'active');
$('ul.menu li[name="active"] > a').removeAttr('href');
$('ul.menu li[name="fittings"]').css({border: '0'})
}
если адрес страницы "/", то {
$('ul.menu li[name="index"]').attr('name', 'active');
$('ul.menu li[name="active"] > a').removeAttr('href');
}
});
и так далее
а лучше "если адрес страницы начинается с "/about", то {}"
