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

Question

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

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

http://jsfiddle.net/9FXua/

Когда пользователь нажимает кнопку "Link # 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.