<li class="active">

[renelon 0]

Есть простой список:

<ul class="categories">

<li><a href="#">Games</a></li>

<li><a href="#">Books</a></li>

<li><a href="#">Music</a></li>

<li><a href="#">News</a></li>

</ul>

Как сделать так, что бы при нажатии на категорию выводился/присваивался class="active" (<li class="active">).

Какой ява код должен быть?

HELP!

[renelon 0]

Люди! Где Вы!

Есть к этому скрипт:

<script type="text/javascript">

$(document).ready(function() {

//Событие по клику

$("ul.categories li").click(function() {

$("ul.categories li").removeClass("active"); //Удаление любого "active" класса

$(this).addClass("active"); //Добавление "active" класса на категорию

});

});

</script>

Но при переходе на нужную ссылку категории, класс "active" не сохраняется!

Что делать???

[renelon 0]

Тема закрыта! Нашел решение

<script type="text/javascript">

$(document).ready(function() {

$('ul.categories a').each(function () {

if (this.href == location.href) $(this).parent().addClass('active');

});

//Событие по клику

$("ul.categories li").click(function() {

$("ul.categories li").removeClass("active"); //Удаление любого "active" класса

$(this).addClass("active"); //Добавление "active" класса на категорию

});

});

</script>