JQuery+CSS: display:none, aber nur, wenn Javascript erlaubt ist

[Malcolm Beck´s]

hi,

bevor der Thread verschwindet.

Es geht um JQuery: Ich möchte einige Elemente Faden, das setzt aber vorraus, dass ich diese Elemente auf display:none setze.

Das kann ich ja mit JQuery direkt lösen

$(document).ready(function(){  
$("#content").css("display","none");  
$("#content").fadeIn(1000);  
});

Das Problem ist aber, dass die Elemente bereits zu sehen sind, und erst wenn die Seite fertig geladen ist, ausgeblendet und wieder reingefadet werden.

Also muss ich die Elemente direkt beim Seitenaufruf ausblenden, mit CSS. Dann ist aber das Problem, dass, wenn der Client Javascript deaktiviert hat, er/sie den Inhalt nie zu Gesicht bekommen.
Also muss ich auch die Styles mit Javascript setzen, dass geht aber nur, wenn die Seite bereits geladen ist.
Ich habe mir eine Notlösung einfallen lassen.

Notlösung:

Im Head der Seite binde ich ein Javascript ein, in dem folgendes steht:

document.write('<style type="text/css">[id="content"]{display:none;}<\/style>');

Es funktioniert zwar soweit, nur werde ich das Gefühl nicht los, dass diese Variante nicht das Gelbe vom Ei ist; irgendwelche Tipps, wie ich es sonst und vor allem Sinnvoll lösen könnte?

Hier könnt ihr euch das ganze Online ansehen.

mfg