jquery - 表示/非表示の問題。jqueryで初期表示したい

Question

私はjqueryが初めてです。一致した要素を表示または非表示にしたいだけです。そこで、slideToogle() 関数を使用します。私のコードは

$(document).ready(function () {
    $(".show_hide").show();
    $(".slidingDiv").hide();

    $('.show_hide').click(function () {
        $(".slidingDiv").slideToggle();
    });
}); 

ここで .show_hide クラスはリンクで、.slidingDiv クラスの div はコンテンツです。ページをロードすると、.slidingDiv コンテンツが最初に表示されるようにしたいだけです

Answer 1

最初にslidedivを 'display:block' に設定すると、ページが最初にロードされたときに表示されます

             .slidingDiv
                {
               display:block;
               }


        $(document).ready(function () {      
                 $('.show_hide').click(function () {
                 $(".slidingDiv").slideToggle();
                        });
                   }); 

または単にjqueryコードを次のように変更します

         $(document).ready(function () {
               $(".show_hide, .slidingDiv").show();    
               $('.show_hide').click(function () {
                    $(".slidingDiv").slideToggle();
                     });
                   });