如果 javascript 关闭，则使显示/隐藏可访问答案

【问题标题】：make show/hide accessible if javascript is off如果 javascript 关闭，则使显示/隐藏可访问
【发布时间】：2011-06-06 16:32:03
【问题描述】：

$(document).ready(function(){ 
    $("#CO_createAccount").click( function (){ 
        if(this.checked){
            $(".CO_accountForm").show();  
        } else {
            $(".CO_accountForm").hide();  
        }
    });
});

我将“.CO_accountForm”的 css 设置为“display:none;”

但是，如果关闭了 javascript，我希望隐藏的元素可见。我假设我可以通过在上面添加一个隐藏类来做到这一点，但是我该怎么做呢？

谢谢！

【问题讨论】：

标签： jquery accessibility toggle hide show

【解决方案1】：

删除".CO_accountForm" 的display:none 属性，而是在document.ready 事件中通过javascript 隐藏/设置display:none 属性。

即：

$(document).ready(function(){      
    // hide the form using JS so that if the browser 
    // doesn't support JS then the form is always displayed.
    $(".CO_accountForm").hide(); 
    $("#CO_createAccount").click( function (){          
        if(this.checked){             
            $(".CO_accountForm").show();           
        } else {             
            $(".CO_accountForm").hide();           
        }     
    }); 
});

【讨论】：

再次感谢。非常感激。这些是我应该理解的基本功能，所以我需要加强我的 jQuery。

【解决方案2】：

为什么不在有问题的表单周围添加一个

【讨论】：

【解决方案3】：

默认情况下元素可见--但通过 jquery 添加一个隐藏它们的类。

【讨论】：