Javascript 在框中的任意位置单击，将其关闭

输入[类型=复选框]{ 边界：0； 剪辑：rect0； 高度：1px； 宽度：1px； 保证金：-1px； 溢出：隐藏； 填充：0； 位置：绝对位置； } .ds下拉列表{ 背景：url'../../images/浅灰色箭头向下。png'无重复滚动中心透明； 填充：10px 5px； 高度：0px； 宽度：8px； 位置：绝对位置； 顶部：63px； 边框：1px纯蓝色； } 高级搜索{ 边框：1px纯灰； 显示：无； 左：20px； 宽度：600px； 填充：10px； } divspan高级搜索标签{ 宽度：100px； } 输入[类型=复选框]：选中~divspan高级搜索{ 背景：白色； 显示：块； 位置：相对位置； 宽度：564px； 填充：10px； 能见度：可见； 左：-573px； 顶部：11px； } 教育程度： 学习材料的类型： 难度等级： 作者： 尝试以下Jquery：

$('#toggle-1').click(function(){
  var a = $(this).is(":checked");
  if(a){
        $('#span-advanced-search').css("display","block")
        }
  else{
        $('#span-advanced-search').css("display","none")
      }
});

---

解决办法一定和我想的一样。我希望您正在寻找：

函数srchMoreActivet{ ift{ getElementById'srchMoreOpt'.classList.remove'hid'； getElementById'srchMore'。classList.add'hid'； }否则{ getElementById'srchMoreOpt'.classList.add'hid'； getElementById'srchMore'。classList.remove'hid'； } } 函数form1Sub{ } 函数srch{ } form1 s00{填充：5px 25px 5px 5px；宽度：300px；边框：1px实心rgba0,0,0.2；} form1 srchMore{左边距：-27px；光标：指针；颜色：ccc；} form1 srchMore:hover{color:0ac；} 表格1.srchMoreAct{color:333；} form1 srchMoreOpt{宽度：320px；高度：350px；填充：5px；长方体阴影：02px4pxRGBA0,0,0.2；边框：1px实心rgba0,0,0.2；} form1.hid{display:none；} form1 srchMoreOpt.exi{float:right；padding:5px 10px 5px 10px；字体系列：'Arial'；光标：指针；背景：ccc；颜色：666；} form1 srchMoreOpt.exi:hover{background:0ac；color:fff；} &9660; x 表格详情

在JS srchMoreActive中，充当切换函数以显示和隐藏更多活动区域，另一种方法是将两者分离为不同的JS函数。CSS中的hid{display:none；}将位于form1 srchMoreOpt的底部，因为它包含HTML中样式的主要部分。在W3C中，我建议您使用prototype.classList，而不是element.style.display