如何在不同的目标jQuery上创建独立的函数？

Question

我不知道这是否是问题的来源，但似乎stopPropagation()的事件同时适用于两个div。

一点解释：所以我有一个div“.customSelect”，只有当你点击“.custom-select”链接时才显示自己。 主要的问题是当我告诉它关闭它自己，如果我点击身体，它打开另一个div（具有相同的类但仍然不应该）。

让它们独立的最佳方法是什么？

这是代码， here 是指向小提琴的链接。

$('.custom-select').click(function(e){
    e.stopPropagation();
    $(this).next($('.customSelect')).toggle(350);
});

$('body').click(function(e){
    $('.customSelect').toggle(350);
});  

我做错了什么？

Answer 1

单击此处时，使用此选项仅隐藏可见的那些。

$('body').click(function(e){
    $('.customSelect:visible').toggle(350);
});