jQuery：无法自动隐藏元素

Question

我使用multiple select表单元素和text input创建了一个多选择器。我使用jQuery toggle()方法隐藏和显示多个选择项点击文本输入。显示多个选择器后，访问者可以使用 ctrl / cmd / shift 键选择多个项目，然后我需要隐藏多个选择项目。我可以通过再次单击文本输入来隐藏。

但我希望它在我不使用多个选择项时自动隐藏。我在同一页面使用它两次并使用bootstrap。现在我找不到解决它的方法。

这是来源：http://jsfiddle.net/3UE7D/3/

请帮帮我。

Answer 1

我认为this可以解决您的问题

我更新了你的小提琴here

我在那里添加了以下代码

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

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