Как выделить активную ссылку меню на сайте?

Выделяем активную ссылку меню с помощью jQuery:

HTML код:

<ul>
<li class=»»><a href=»#one»>One</a></li>
<li class=»»><a href=»#two»>Two</a></li>
<li class=»»><a href=»#three»>Three</a></li>
<li class=»»><a href=»#three»>Four</a></li>
</ul>

А в css соответственно описываем свойства для простой ссылки и активной ссылки

.active {

….

}

Подключаем jQuery как-то так:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>


и в шапке пишем вот такой вот нехитрый скриптик


 <script>  $(function() {

$(«li»).click(function(e) {

e.preventDefault();

$(«li»).removeClass(«active»);

$(this).addClass(«active»);

});

});

</script>

Рабочий пример можете посмотреть вот тут http://css-tricks.com/examples/RoundOutTabs/