Javascript 使用JQuery的垂直选项卡

我正在尝试使用JQuery实现垂直选项卡。我已经能够根据需要创建垂直选项卡，但我想为每个选项卡显示的内容只在一个选项卡中显示。这是我创作的小提琴-

该守则的内容如下—

$（函数（）{
$（“#配置”）.tabs（）；
});
。侧面选项卡{
浮动：左；
宽度：20%；
身高：100%；
边框：1px纯黑；
列表样式类型：无；
保证金：0；
填充：0；
溢出：隐藏；
背景色：#333；
}
.侧标签：后{
显示：块；
明确：两者皆有；
内容：''；
背景色：#333；
}
.侧标签李{
浮动：左；
}
.侧标签a{
显示：块；
颜色：白色；
文本对齐：居中；
填充：14px 16px；
文字装饰：无；
}
.侧标签a：悬停{
背景色：#4CAF50；
}








欢迎使用配置。
添加设备页面。
添加频道页面。
添加设备类型页面。
设备树