用JavaScript显示/隐藏

我编写了简单的JavaScript来显示隐藏的< div>点击另一个< div>后一切正常但是当点击那个< div>中的复选框时隐藏的一个出现并立即隐藏.

$(document).ready(function() {
  $('#click1').click(function() {
    if ($('#hidden1').is(':hidden')) {
      $('#hidden1').show(500);
    } else {
      $('#hidden1').hide(500);
    }
  });
});

.divCell {
  width: 500px;
  height: 35px;
  margin: 2px 0;
  display: inline-block;
  background-color: #D4F78F;
}
.checkBox_div {
  width: 25px;
  position: relative;
  margin: 5px;
  float: left;
}
input[type="checkBox"] {
  display: none;
}
input[type="checkBox"] + label {
  width: 25px;
  height: 25px;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  background-color: white;
  border-radius: 4px;
}
.div_name_divcell {
  line-height: 35px;
  width: auto;
  float: left;
}

                                
原文地址：https://www.jb51.cc/jquery/427762.html
                                 
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [e-mail] 举报，一经查实，本站将立刻删除。
                            

• 上一篇：javascript – 我应该学习ASP.NET下一篇：javascript – 最初隐藏的Jquery创