Javascript 不正确的打开多选列表

当你点击图标时，只需打开一个列表（按下哪个图标）。如何使每个列表唯一？请帮忙！在这段代码中，我使用了字体真棒，很抱歉，但我不能在这个示例中添加它

$（.filterBlock.filter ico”）。在（'click'，function（）上{
$（“.filterDropdown dd ul”）.slideToggle（“快速”）；
});
$（“.filterDropdown dd ul li a”）。在（'click'，function（）上{
$（“.filterDropdown dd ul”）.hide（）；
});
函数getSelectedValue（id）{
返回$（“#”+id.find（“dta span.value”）.html（）；
}
$（文档）.bind（'click'，函数（e）{
var$clicked=$（e.target）；
如果（！$clicked.parents（）.hasClass（“filterDropdown”）$（“.filterDropdown dd ul”）.hide（）；
});
$（'.multiselect输入[type=“checkbox”]”）。在（'click'，function（）上{
var title=$（this）.closest（'.mutliselect'）.find（'input[type=“checkbox”]'））.val（），
title=$（this.val（）+“，”；
如果（$（this）.is（':checked'））{
var html=''+title+''；
$（'.resultSelect'）.append（html）；
$（“.resultFilter”）.hide（）；
}否则{
$（'span[title=“”+title+“]”）。删除（）；
var ret=$（“.resultFilter”）；
$（'.filterDropdown dt a'）.append（ret）；
}
});
.filters{
宽度：20%；
身高：100%；
背景色：#fff；
右边框：1px实心#F7F7；
位置：相对位置；
显示：内联块；
}
.过滤块{
利润率：0.50px0；
位置：相对位置；
}
.filterBlock h3{
利润率：30像素0.40像素；
颜色：#A6；
字体：16px Helvetica；
}
.filterBlock.filter图标{
位置：绝对位置；
左：100px；
字体大小：25px；
颜色：#5795f9；
光标：指针；
}
.filterBlock.filter-ico.sphere{
左：190px；
}
.filterBlock.filter-ico.show{
左：200px；
}
.filterDropdown{
位置：绝对位置；
顶部：10px；
左：20px；
z指数：5；
转化：translateY（-10%）；
转化：translateX（10%）；
}
.过滤器降下a{
颜色：#5795f9；
}
.filterDropdown dd，
.filterDropdown dt{
边际：0px；
填充：0px；
}
.FilterDropul{
保证金：-1px0；
}
.filterDropdown dd{
位置：相对位置；
}
.FilterDropa，
.filterDropdown a:已访问{
颜色：#5795f9；
文字装饰：无；
大纲：无；
字体大小：12px；
}
/*.filterDropdown dt a{
背景色：#fff；
显示：块；
填充：8px 20px 5px 10px；
最小高度：15px；
线高：24px；
溢出：隐藏；
边界：0；
宽度：152px；
边框：1px纯黑；
}*/
.filterDropdown dt一个量程，
.resultSelect span{
光标：指针；
显示：内联块；
颜色：#5795f9；
利润率：0.20px；
/*填充：0 6px 2px 0*/
}
.filterDropdown dd ul{
背景色：#fff；
边界：0；
颜色：#5795f9；
显示：无；
左：0px；
填充：2×15px 2×5px；
位置：绝对位置；
顶部：2个；
宽度：180px；
边框：1px纯黑；
盒影：0.10px 0 rgba（0,0.5,0,0）；
左边界：无；
边界顶部：无；
列表样式：无；
高度：100px；
溢出：自动；
}
.filterDropdown span.value{
显示：无；
}
.filterDropdown dd ul li a{
填充物：5px；
显示：块；
}
.filterDropdown dd ul li a:悬停{
背景色：#5795f9；
}

Регіон


克雅夫
克雅夫
克雅夫

Сфера діяльності


Саааааа
Пааа

Показувати спочатку


бззЮззззззззз
бзззззззззззз

这真是一团糟。到目前为止，我已经做到了，如果你想要更多的更改，你必须指定


$（.filterBlock.filter ico”）。在（'click'，function（）上{
$（this.parent（）.find（'dl'）.toggle（'fast'）；
});
$（“.filterDropdown dd ul li a”）。在（'click'，function（）上{
$（this.parent（'dl'）.hide（）；
});
函数getSelectedValue（id）{
返回$（“#”+id.find（“dta span.value”）.html（）；
}
$（文档）.bind（'click'，函数（e）{
var$clicked=$（e.target）；
//如果（！$clicked.parents（）.hasClass（“filterDropdown”）$（“.filterDropdown dd ul”）.hide（）；
});
$（'.multiselect输入[type=“checkbox”]”）。在（'click'，function（）上{
var title=$（this）.closest（'.mutliselect'）.find（'input[type=“checkbox”]'））.val（），
title=$（this.val（）+“，”；
如果（$（this）.is（':checked'））{
var html=''+title+''；
$（'.resultSelect'）.append（html）；
$（“.resultFilter”）.hide（）；
}否则{
$（'span[title=“”+title+“]”）。删除（）；
var ret=$（“.resultFilter”）；
$（'.filterDropdown dt a'）.append（ret）；
}
});
.filters{
宽度：20%；
身高：100%；
背景色：#fff；
右边框：1px实心#F7F7；
位置：相对位置；
显示：内联块；
}
.过滤块{
利润率：0.50px0；
位置：相对位置；
}
.filterBlock h3{
利润率：30像素0.40像素；
颜色：#A6；
字体：16px Helvetica；
}
.filterBlock.filter图标{
位置：绝对位置；
左：100px；
字体大小：25px；
颜色：#5795f9；
光标：指针；
z指数：10000；
}
.filterBlock.filter-ico.sphere{
左：190px；
}
.filterBlock.filter-ico.show{
左：200px；
}
.filterDropdown{
位置：绝对位置；
溢出：隐藏；
顶部：10px；
左：20px；
z指数：5；
显示：无；
转化：translateY（-10%）；
转化：translateX（10%）；
}
.过滤器降下a{
颜色：#5795f9；
}
.