jq实现点击页面其他区域隐藏下拉列表

 页面结构如图所示，要实现点击下拉列表外的其他区域隐藏下拉列表，点击下拉列表区域则不隐藏。

代码如下：

//点击空白处隐藏多选下拉框
$(document).bind("click", function (e) {
    var searchTable = $(".source_data_tab");
    if (!searchTable.is(e.target) && searchTable.has(e.target).length === 0) {
        $(".source_data_tab").hide();
    }
});

 source_data_tab是要隐藏的下拉列表的div标签的class名称。