Javascript 自动完成激活时css隐藏左面板

我想在单击文本时隐藏左面板，以及在自动完成搜索框中搜索项目时隐藏左面板。因此，我的目标是不重叠的自动完成项目和面板。 这是我的小提琴：

---

如果要将绑定置于元素本身之上，则需要将其包装在$document.ready处理程序中：

$(document).ready(function () {
    var temp = 1;
    $("#label").on('click', function(){
        if(temp == 1){
            $('#panellist').toggle();
            temp = 0;
        }
        else{
                temp = 1;
                $('#panellist').toggle();
        }
    });
});

$(document).ready(function () {
    var temp = 1;
    $("#label").on('click', function(){
        if(temp == 1){
            $('#panellist').toggle();
            temp = 0;
        }
        else{
                temp = 1;
                $('#panellist').toggle();
        }
    });
});