显示/隐藏问题。想在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

最初将滑动div设置为'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();
                     });
                   });