Javascript 组合侧边栏菜单和旋转木马

我有一个侧栏菜单和一个引导旋转木马，我设法将旋转木马连接到侧栏菜单，以便根据旋转木马中显示的项目，突出显示菜单中相应的选项

如何以另一种方式执行此操作，以便在从菜单中选择选项时，显示旋转木马中的相应项目

这是我的密码：

$（'.carousel'）.on（'slided.bs.carousel'，function（）{
var carouselData=$（this.data（'bs.carousel'）；
var currentIndex=carouselData.getItemIndex（carouselData.element.find（'.item.active'））；
$（'.result p'）
.removeClass（'active-p'）
.eq（当前索引）
.addClass（'active-p'）；
});
.active-p{
背景色：#eee；
}

选项1

选择2

选择3

项目1
项目2
项目3
使用jQuery查找索引，并告诉引导转盘移动到该索引


$（'.carousel'）.on（'slided.bs.carousel'，function（）{
var carouselData=$（this.data（'bs.carousel'）；
var currentIndex=carouselData.getItemIndex（carouselData.element.find（'.item.active'））；
$（'.result p'）
.removeClass（'active-p'）
.eq（当前索引）
.addClass（'active-p'）；
});
$（'#侧菜单_div>p'）。在（'click'，函数（e）上{
var currentIndex=$（this.index（）；
$（#myCarousel'）。carousel（当前索引）；
})
.active-p{
背景色：#eee；
}

选项1

选择2

选择3

项目1
项目2
项目3