сделать шоу / скрыть доступным, если JavaScript отключен

Question

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

и у меня для css для ".CO_accountForm" установлено значение "display: none;"

Но я хочу, чтобы скрытый элемент был виден, если JavaScript отключен.Я предполагаю, что могу сделать это, добавив скрытый класс, описанный выше, но как мне поступить?

Спасибо!

Answer 1

Удалить атрибут display:none для ".CO_accountForm" и вместо этого скрыть / установить атрибут display:none с помощью javascript в событии document.ready.

т.е:.

$(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();           
        }     
    }); 
}); 

Answer 2

Почему бы просто не добавить тег

Answer 3

По умолчанию элемент видим, но добавьте класс через jquery, который их скрывает.