ページロードでjQueryの.slideを使用する最も良い方法は何ですか？

Question

私は、ページロード中にスライドする方法を見つけ出そうとしていますが、そうするベストプラクティスは不明です。私は.slideメソッドの使い方に精通していますが、クリックするのではなく、ページの読み込みをどのように修正できるかはわかりません。

 $(function() { 
      $("#clickLink").click(
       function() { 
       $("#hiddenField").slideDown("slow"); 
      } 

     ) 
     }); 

Answer 1

$(document).ready(function(){ 
    $("#hiddenField").slideDown("slow"); 
}) 

注意書き：SlideDownにWebページ/ HTMLのCSSのdisplayプロパティのコントロールのいずれかが

display:none

する必要がありますしかし、ここであなたのIDのコードからあなたは隠しフィールドを表示しようとしています。 display:blockの後にHTML非表示フィールドが表示されない理由は、非表示フィールドです。

コードを確認し、可能であれば、ページの読み込みに表示する（スライドする）要素とhtmlを確認してください。

Answer 2

ページがロードされたときに$(function() { ... here ... });内のものはすべて実行されます。スクリプトタグ内の

$(function() { 
    $("#hiddenField").slideDown("slow"); 
}); 

Answer 3

$().ready(function(){ 
    $("#hiddenField").slideDown("slow"); 
});