jQuery改变了活动元素的外观？

Question

我有ajax菜单，我想更改当前所选项目的外观。如果项目不是与href的“真实”链接并且只显示隐藏的div？

，该如何做到这一点

实例：

http://jsfiddle.net/9FXua/

当用户点击“Link＃1”时，我希望文本“Link＃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