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

【问题标题】：How to use jQuery to change css div visibility on checkbox input?如何使用 jQuery 更改复选框输入的 CSS div 可见性？
【发布时间】：2015-08-10 08:54:09
【问题描述】：

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

我一直在努力解决全屏 CSS 导航的问题。这是修改后的 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 & 7
相关 CSS 行数：123

注意：这目前不起作用。 div 仍然隐藏

【问题讨论】：

你的 codepen 不包含 jquery，所以它会抛出一个错误：Uncaught ReferenceError: $ is not defined。我添加了 jQuery，它工作正常。
@T3D 你能更清楚地定义你想要什么吗？我的意思是你想要的是菜单链接（关于、产品、博客、联系方式）显示在点击菜单图标上？

标签： jquery html css checkbox visibility

【解决方案1】：

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

【讨论】：