изменение картинки в меню

[Kirill_LK]

изменение картинки в меню

Добрый день!
Возник вопрос реализации такой задачи...
Есть несколько списков ссылок в меню:

<h1>Заголовок 1</h1>
<ul>
<li><a href="#">Имя ссылки 1</a></li>
<li><a href="#">Имя ссылки 2</a></li>
</ul>

...
<h1>Заголовок 2</h1>

<ul>
<li><a href="#">Имя ссылки 3</a></li>
<li><a href="#">Имя ссылки 4</a></li>
</ul>

Необходимо сделать следующее...При нажатии на любую из ссылок рядом с ней должна показываться иконка-стрелочка. При нажатии на другую ссылку иконка с первой нажатой ссылки исчезает и отображается рядом с новой нажатой.
Иконка-стрелочка прописана в стиле CSS

.active {
background:url(../images/arrow.gif) no-repeat left center
}

и в HTML получается такой вид

<li class="active"><a href="#">Имя ссылки 1</a></li>

Как грамотно реализовать с помощью JavaScript такое выделение активной (выбранной) ссылки?

 

[LeFF®]

зачем JS? есть a:hover

 

[Kirill_LK]

Автор оригинала: LeFF®
зачем JS? есть a:hover

Не совсем понимаю как hover тут может помочь. Картинка-маркер списка должна появляться при нажатии на ссылку, а не при наведении на ссылку.

 

[Армян]

удобнее всего будет через jQuery наверно, либо через чтото подобное

 

[fixxxer]

a:active

 

[maxwell]

Автор оригинала: Армян
удобнее всего будет через jQuery наверно, либо через чтото подобное

браво!

 

[Армян]

maxwell
что такое?