Jquery 要在单击当前标题id时删除突出显示的标题吗

我得到了这个jquery代码，我发现当我点击标题时，它会高亮显示红色。我现在的问题是删除突出显示的颜色，只突出显示当前或最近单击的颜色

$j('div.tabbed-sidebar ul.sidebar-tabs li a').click(function () {
        $j(this).css('background-color', 'red'); <---this is where is highlights red
        $j(this).removeClass('tab-current');
        var thisClass = this.className.substring(12, this.className.length);
        var parentId = this.parentNode.parentNode.parentNode.id;
        $j('#' + parentId + '.tabbed-sidebar div.sidebar-tab-content').hide();
        $j('#' + parentId + '.tabbed-sidebar div.sidebar-tab-content-' + thisClass).show();
        $j('#' + parentId + '.tabbed-sidebar ul.sidebar-tabs li a').removeClass('tab-current');
        $j(this).addClass('tab-current');     
    });

$j（'div.tabbed-sidebar ul.sidebar-tabs li a'）。单击（函数（）{
$j（this）.css（'background-color'，'red'）；以下是您的操作方法：


.js

.css

.html

标题
标题
标题
标题
标题
请将您的代码压缩到相关部分，创建一个演示并更好地解释。
$("h2").on("click",function(){
    $(this).addClass("red");
    $("h2").not(this).removeClass("red");
});

.red{
    background: red;
}

<h2>header</h2>
<h2>header</h2>
<h2>header</h2>
<h2>header</h2>
<h2>header</h2>