jqueryの単純なスライドダウン機能をクライアントのウェブサイトに追加しましたが、JavaScriptを使用してスタイルを追加したいので、JSを無効にしているユーザーにはコンテンツが表示されます。JavaScriptにスタイルを追加する
<script>
$(".click").click(function() {
$(".morecontent").slideToggle("slow");
});
</script>
.morecontentは、現在の表示に設定されています：スタイルシートを経由してどれも、とても基本的に私はjQueryの使用を使用してCSSを設定するには、スタイルシート
に反対するとして、スクリプトでこのスタイルを含めたいん：
$(".morecontent").css("display", "none");
を使用してプロパティを設定することもできます。 注：文書が準備完了時にこのコードを呼び出す必要があります。、つまり要素がすでに定義されています。これを達成するために、使用：JavaScriptが無効になっている場合（スタイルシートでdisplay:noneが削除されているため）
$(document).ready(function(){
$(".morecontent").hide();
})
、要素が表示されます。 JavaScriptは有効になっている場合、それはに摺動することができるように、スクリプトは、.morecontentを非表示になります
あなたは質問をお読みになりましたか？ jsが無効になっている場合、あなたは解決策を得ていますか？ –
@PoelincaDorinあなたはその質問を理解していますか？私は答えの一番下にその行動を説明しました。 –
これは治療になりました。今朝の私の貧弱な記述スキル（朝のコーヒーなし）に申し訳ありません –
スタイルシートにdisplay:noneを削除し、ページがロードのjQueryを使用してクラスmorecontentで要素を非表示：。
<script>
$(".morecontent").hide();
$(".click").click(function() {
$(".morecontent").slideToggle("slow");
});
</script>
ページの読み込み時に要素が非表示になるため、フリッカーが発生することがあります。これを回避するには、ページの一番上にページ全体$('body').hide();を隠し、下部にもう一度表示します。
使用この：
$('.morecontent').hide();
<script>
$(".morecontent").css ({display: "none" });
$(".click").click(function() {
$(".morecontent").slideToggle("slow");
});
</script>
あなた自身に矛盾している：「ジャバスクリプトを経由して、いくつかのスタイルを追加」と「無効JSを持つ人のために、」一緒になっていません。 JSが無効になっている場合、スクリプトはまったく実行されません。 –
ブラウザでjsが無効になっている場合は、jsでコンテンツを表示するスタイルを追加することができます（jsは無効になっているためです） –
実際にあなたの問題は何ですか？ – mithunsatheesh