Javascript jQuery:Can'；t自动隐藏元素

我用

multiple-select

表单元素和

文本输入创建了一个多选择器。我使用jQuery
toggle（）
方法在单击文本输入时隐藏和显示多个选择项。显示多个选择器后，访问者可以使用ctrl/cmd/shift键选择多个项目，然后我需要隐藏多个选择项目。我可以通过再次单击来隐藏文本输入

但我想它自动隐藏时，我不与多个选择项目的工作。我在同一个页面中使用它两次，并使用引导。现在我找不到解决的办法

资料来源如下：

请帮帮我。
我想这会解决你的问题

我更新了你的小提琴

我在那里添加了以下代码

$(document).click(function(){  
    $('select[name="location"]').slideUp(300);
});

$('select[name="location"]')
    .click(function(e) {
        e.stopPropagation();
    })    
    .hide();

toggle（）
不推荐使用这种方式，您可能应该使用
focus
和
blur
来实现这种效果，就像这样？我以前尝试过
focus
和
blur
，结果是我无法从多个选择项中选择多个数据。谢谢你需要更具创造性，做一些像？谢谢。我已经考虑过设置超时，但用户可能需要更多的时间来选择多个项目。谢谢您的想法。我从：）好东西中得到了e.stopPropagation（）的清晰概念。。。很抱歉，这里没有关于e.stopPropagation（）的解释