Привет всем, , прошу сильно не пинать за вопросы, ибо новичек в этом.
Вопрос связан с реализацией на сайте подсветки активного пункта меню.
Имеется меню из двух пунктов:
<div id="punkt1">
<a href=" http://site.ru/punk1.html">
<img src="images1.png" class="a" > //эта картинка если пункт не активен
<img src="images2.png" class="b" > //эта картинка если пункт активен
</a>
</div>
<div id="punkt2">
<a href=" [url]http://site.ru/punk2.html[/url] ">
<img src="images3.png" class="a" > // эта картинка если пункт не активен
<img src="images4.png" class="b" > // эта картинка если пункт активен
</a>
</div>
И css
img.a {
position: absolute;
left: 0;
top: 0;
z-index: 1;
}
img.b {
position: absolute;
left: 0;
top: 0;
}
Нашел вот такой скрипт для определния активного меню (а точнее сравнение текущего УРЛ и ссылок на странице)
jQuery ( document ) . ready ( function ( $ ) {
var url = window. location ;
$ ( 'a[href="' + url + '"]' ) .css('visibility', 'hidden');
});
Вопрос такой - как в этот скрипт приспособить , чтоб не у всей активной ссылки добавился стиль 'visibility', 'hidden', а только у “img.a” ?
Вот сайт там меню подгядел
http://www.mysuitestuff.com/