1

.slideToggleリンクがクリックされたときに拡張領域を作成するためにjQueryを使用しています。現在、次のコードは、コンテンツがオンロードで表示されるページを作成します。

ページの読み込み時に情報テキストを非表示にし、リンクがクリックされたときにのみ表示されるように指定するにはどうすればよいですか?

<script>
    $(".moreInfo").click(function () {
        $(".moreInfoText").slideToggle("slow");
    });
</script>


<span class="moreInfo">Read more</span></p>
<p class="moreInfoText">More info text goes here</p>
4

1 に答える 1

8

次の属性pを追加して、要素を直接非表示にします。style="display: none;"

<span class="moreInfo">Read more</span></p>
<p class="moreInfoText" style="display: none;">More info text goes here</p>

JavaScript で実行しようとすると、FOUCが発生します。

于 2013-03-07T15:44:36.413 に答える