Javascript 需要3个独特的段落输出。

我正在jQuery上进行多重选择

我有一些问题：

对于每个输出，我需要唯一的

。代码中有3个选择块。我有一个图标从字体真棒。下面我只插入了一张照片。我必须按下1个图标，1（！！！）块将打开。我该怎么做？请帮忙

$（.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；
}
/* */
.主要部分{
宽度：78%；
位置：绝对位置；
显示：内联块；
}
.信息块{
显示：块；
宽度：520px；
高度：280px；
背景：#fff；
利润率：50px 0 225px；
}
.infoBlock.new{
利润率：20px 0 225px；
}

Регіон


克雅夫
克雅夫
克雅夫

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


Саааааа
Пааа

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


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

这是打破单击的代码

$(document).bind('click', function(e) {
  var $clicked = $(e.target);
  if (!$clicked.parents().hasClass("filterDropdown")) $(".filterDropdown dd ul").hide();
});

您需要重构它，并找出目标的父对象应该是什么，以便在您单击外部时允许它关闭
在
内部应该是什么-您可以编辑代码片段以显示更多您的意思吗？我添加了BootStrap和fontsawesome，但它不可见，因为这是旧的helpful类，以获得更好的外观。现在这个应用不需要这个类。对不起，我将删除它。请删除（'click'，function（）{$（“.filterDropdown.first dd ul”）.slideToggle（'fast'）；}）上的
$（“.filterBlock.filter ico.start”）$（.filterBlock.filter ico.sphere”）.on（'click'，function（）{$（.filterDropdown.second dd ul”）.slideToggle（'fast'）；}）-一次单击将打开一个切换，另一次单击将关闭-现在filterBlock上有两个事件处理程序，因此一个将打开/关闭，另一个将关闭/open@mplungjan这是不正确的，因为如果我有一个方法，当我按下每个开关时，它就会工作，并且会打开所有三个多选列表。所以，这个问题现在是悬而未决的。谢谢你的尝试。谢谢！我已经删除了这段代码，函数正在运行。我不知道为什么：）因为在开始编写这个应用程序时，ot工作了：）