当自动完成处于活动状态时，css隐藏左侧面板

Question

我想在点击＆＃34; TEXT＆＃34;时以及从自动填充搜索框中搜索项目时隐藏左侧面板。所以我的目标是不重叠自动完成项和面板。 这是我的小提琴：http://jsfiddle.net/zzzzz/get0d9ro/7/

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

    });

Answer 1

如果要将绑定放在元素本身上方，则需要将绑定包装在$(document).ready()处理程序中：

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