如何使用jQuery更改复选框输入的css div可见性？

Question

我试图根据复选框输入的jQuery .click更改div的可见性。

我一直致力于修复全屏CSS Nav的问题。这是经过修改的CodePen：http://codepen.io/tedrem/pen/OVbYde

可见性切换：

$.fn.toggleVisibility= function() {
var $this  = $(this);
if($this.css("visibility")=="hidden"){
    $this.css("visibility","visible")
}else{
    $this.css("visibility","hidden")
}
return this;
};

复选框单击以启动功能：

$(".checkbox-toggle").click(function (){
   $("#links").toggleVisibility();
})

相关HTML行：3＆amp; 7
相关的CSS行：123

注意：目前无效。 div仍然隐藏

Answer 1

根据您的示例（在链接上），只需删除CSS上的第123行，就可以了。