jQuery изменить внешний вид активного элемента?

Question

У меня есть меню ajax, и я хочу изменить внешний вид выбранного в данный момент элемента. Как это сделать, если элемент не является "реальной" ссылкой на href и просто показывает скрытый div?

Живой пример:

http://jsfiddle.net/9FXua/

Когда пользователь нажимает «Ссылка № 1», я хочу, чтобы текст «Ссылка № 1» был белым, а фон ссылки - черным. Когда пользователь нажимает «Ссылка № 2», я хочу, чтобы текст «Ссылка № 2» был белым (...).

Есть идеи?

Answer 1

как насчет этого?http://jsfiddle.net/9FXua/1/

$('a').click(function() {
    $(".active").removeClass("active");
    $(this).addClass("active");
    var id = $(this).attr('id');
    var divID = $('#'+id.substring(0,id.indexOf('-')));
    $('.hidden').hide();
    $(divID).show();       
});

с новым классом css active

ul li a.active { background: #000; color: #fff; }

Answer 2

Вы можете использовать:

$('.active').removeClass('active');
$(this).addClass('active');

в обработчике кликов.

JS Fiddle demo .