使用jQuery更改具有默认值的链接类

我有三个链接,我手动设置类:一个默认为.active ,其他默认为.inactive 。 我有一些jQuery,我用它来切换链接的类,当它们被点击为CSS目的。 这适用于.inactive链接 – 它们切换到.active 。 但是,它不适用于默认的.active链接。 如果我单击默认的.active链接,它将保持不活动状态。

默认加载:

链路1 – 活动链路2 – 非活动链路3 – 无效

点击链接2:

链路1 – 非活动链路2 – 活动链路3 – 无效

单击链接2中的链接1:

链路1 – 非活动链路2 – 活动链路3 – 无效

我怎样才能完成这个循环呢?

这是我正在生成的HTML:

  

我正在使用的jQuery:

 $(function(){ var sidebar=$('#sidebar'); sidebar.delegate('a.inactive', 'click',function(){ sidebar.find('.active').toggleClass('active inactive'); $(this).toggleClass('active inactive'); }); }); 

如果我确实让你纠正,你的选择器太严格了:只处理inactive链接。
试过以下?

 $(function(){ var sidebar=$('#sidebar'); sidebar.delegate('a', 'click',function(){ sidebar.find('.active').toggleClass('active inactive'); $(this).addClass('active').removeClass('inactive'); }); });