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

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