如何使獨立的功能在不同的目標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); 
});