javascript - jQuery:无法自动隐藏元素

Question

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

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

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

请帮助我。

Answer 1

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

我更新了你的 fiddle here

我在那里添加了以下代码

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

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