如何使用jQuery更改複選框輸入的css div可見性？

我試圖改變基於jQuery .click複選框輸入的div的可見性。如何使用jQuery更改複選框輸入的css 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條相關CSS線：123

注意：這目前不起作用。該div仍然隱藏

來源

2015-05-28 T3D

你的codepen不包括jquery，所以它會拋出一個錯誤：'未捕獲的ReferenceError：$未定義'。我添加了jQuery，它工作正常。 – ray

@ T3D你能更清楚地定義，你想要什麼？我的意思是你想要的是菜單鏈接（關於，產品，博客，聯繫人）顯示在點擊菜單圖標？ – divy3993

根據你的例子（在鏈接上），只需刪除你的CSS 123行，它會沒事的。

來源

2015-05-28 03:22:14

是寫http://codepen.io/anon/pen/LVbKpg – ketan

如何使用jQuery更改複選框輸入的css div可見性？

回答

相關問題