Javascript SVG错误

我有一系列用jquery显示的SVG映射。 转到第一页时，美国地图显示在左侧，初始状态显示在右侧，县/地区属性高亮显示。 如果单击任何其他状态，然后返回原始状态，则属性已消失。 如何更改此处的代码，以便在用户单击左侧的州时，显示右侧有县的每个州的属性？ 我不希望属性消失。 下面是代码和正在进行的操作的屏幕截图。在第三个屏幕上，我需要像第一个屏幕一样显示属性

-----代码-----

$（#mapsvg usa'）.mapsvg（{来源：'maps/usa.svg'，宽度：1200，响应：1，
颜色：{背景：“透明”，悬停：4，选定：10，笔划：'#ffffff'}，
tooltipsMode:'名称'，
区域：{'CO'：{selected:true}}，
onClick:function（）{
var file='usa-'+this.name.toLowerCase（）+'.svg'；
log（$（'#mapssvg states'）.html（））；
if（$（'mapssvg states'）.find（'svg'）.length）{
$（'#mapsvg states'）.mapsvg（）.destroy（）；
}
$（“#mapsvg状态”）.mapsvg({
来源：“地图/县/”+文件，
//答复：1，
颜色：{背景：“透明”，底：“DDDDDD”，笔划：''ffffff'}，
宽度：$（'#mapsvg usa'）。宽度（），
高度：$（'#mapsvg usa'）。高度（），
tooltipsMode:'组合'，
zoomButtons:{show:true，位置：'right'}，
缩放：1，
潘：1
});
}
});
$（“#mapsvg状态”）.mapsvg({
来源：“maps/countries/usa-co.svg”，
答复：1，
颜色：{背景：“透明”，笔划：'#ffffff'}，
宽度：$（'#mapsvg usa'）。宽度（），
tooltipsMode:'名称'，
zoomButtons:{show:true，位置：'right'}，
缩放：1，
潘:1,，
区域：{
道格拉斯：{工具提示：“RFC已提交”，属性：{填充：'#fc0'}}，
杰斐逊：{工具提示：“RFC已提交”，属性：{fill:'#fc0'}}
});
$（“#映射链接a”）。在（'click'，函数（e）上{
e、 预防默认值（）；
var file=$（this.attr（'data-svg'）；
if（$（'#mapsvg other'）.find（'svg'）.length）{
$（'#mapsvg other'）.empty（）.mapsvg（）.destroy（）；
}
$（“#mapsvg其他”）.mapsvg({
来源：“maps/”+文件，
答复：1，
宽度：$（'#mapsvg其他cont'）。宽度（），
高度：$（'#其他续'）。高度（），
tooltipsMode:'名称'，
zoomButtons:{show:true，位置：'left'}，
缩放：1，
潘：1
});
});

---

单击某个州时加载的地图与最初加载的地图不同，没有包含区域数据。 将区域代码复制到其中

regions: {
             Douglas: {tooltip: 'RFC Submitted', attr: {fill: '#fc0'}},
             Jefferson: {tooltip: 'RFC Submitted', attr: {fill: '#fc0'}}
}

希望有帮助

regions: {
             Douglas: {tooltip: 'RFC Submitted', attr: {fill: '#fc0'}},
             Jefferson: {tooltip: 'RFC Submitted', attr: {fill: '#fc0'}}
}