Javascript 单键拨动开关

我有一个开关在工作。现在，一旦被选中，这两个类共享同一个类。如何操作代码，使它们在单击后具有不同的边框颜色

我希望标题1在选中时有一个绿色边框，标题2在选中时有一个蓝色边框

$（'ul.customize-tabs-home li'）。在（'click'，function（）上{
$（this.parent（）.find（'li.activeprodborder'）.removeClass（'activeprodborder'）；
$（this.addClass（'activeprodborder'）；
});
.activeprodborder{
背景色：白色；
边框：4倍纯绿；
}







$（'ul.customize-tabs-home li'）。在（'click'，function（）上{
$（this.parent（）.find（'li.activeprodborder'）.removeClass（'activeprodborder'）；
$（this.addClass（'activeprodborder'）；
if（$（this）.index（）==0）{
$（this.css（'border-color'，'green'）；
}else if（$（this）.index（）==1）{
$（this.css（'border-color'，'blue'）；
}
});
.activeprodborder{
背景色：白色；
边框：4px实心；
}






不确定这是否是您所描述的，但是


$（'ul.customize-tabs-home li'）。在（'click'，function（）上{
$（this.parent（）.find（'li.activeprodborder'）.addClass（'inactiveprodborder'）；
$（this.removeClass（'inactiveprodborder'）；
$（this.addClass（'activeprodborder'）；
});
.activeprodborder{
背景色：白色；
边框：4倍纯绿；
}
.不活动的边界{
背景色：白色；
边框：4倍纯色橙色；
}






为常见细节添加另一种样式，只需更改活动状态的颜色即可

您可以使用
：first child
和
：last child
以不同颜色的元素为目标。如果最终有2个以上的元素，则可以使用或添加其他类


$（'ul.customize-tabs-home li'）。在（'click'，function（）上{
$（this.parent（）.find（'li.activeprodborder'）.removeClass（'activeprodborder'）；
$（this.addClass（'activeprodborder'）；
});
/*通用类*/
.李家{
背景色：白色；
边框：4倍纯灰；
}
/*活跃的*/
.自定义选项卡主页li:first-child.activeprodborder{
边框颜色：绿色；
}
.自定义选项卡主页li:last-child.activeprodborder{
边框颜色：蓝色；
}






如果您希望在单击时两个
li
具有不同的颜色，则应为每个li添加一个
id
，以便您知道要向每个li添加哪种颜色


.activeprodborder{
背景色：白色；
边框：4倍纯绿；
}
.secondactiveprodborder{
边框：4px纯蓝色；
}







$（'ul.customize-tabs-home li'）。在（'click'，function（）上{
$（this.parent（）.find（'li.activeprodborder'）.removeClass（'activeprodborder'）；
$（this.parent（）.find（'li.secondactiveprodborder'）.removeClass（'secondactiveprodborder'）；
var elemId=$（this.attr（'id'）；
如果（elemId==“headerone”）{
$（this.addClass（'activeprodborder'）；
}否则如果（elemId==“headertwo”）{
$（this.addClass（'secondactiveprodborder'）；
}否则{
//违约
}
});
不太好！我希望一次只选择一个，因此它会在这两个选项之间切换。但是，虽然我希望“标题1”在选中时有一个绿色边框，而我希望“标题2”在选中时有一个蓝色边框。@斯普拉特请将此添加到问题中，因为到目前为止，每个答案都做出了相同的假设。几乎-但不完全如此！我希望一次只选择一个，因此它会在这两个选项之间切换。但我希望“标题1”在选中时有一个绿色边框，而“标题2”在选中时有一个蓝色边框。