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

Question

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

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

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

请帮我。

Answer 1

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

我在这里更新了你的小提琴

我在那里添加了以下代码

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

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