javascript - jQuery 在刷新时显示隐藏内容

Question

我在我的网站上使用了这个漂亮的小 jQuery 开关，效果很好。但是现在我想隐藏一个更大的文本区域，因此我将它包含在另一个 php 文件中，但是当站点打开\刷新时，内容会短暂显示然后隐藏？我是不是做错了什么，或者它只是不能正确地包含在其中？

<a href="#" id="toggleMe">Show me?</a>
                <div class="content">
                    <?php include 'includes/test.php'?>
                     </div>
                     <script>
                         jQuery(document).ready(function() {
                         var par = jQuery('.content');
                            jQuery(par).hide();
                         });
                        jQuery('#toggleMe').click(function() { 
                        jQuery('.content').slideToggle('fast');
                     return false;
                     });
                     </script>

Answer 1

使用css隐藏它

.content{
    display:none;
}

还有

var par = jQuery('.content');

是一个 jQuery 对象，所以不需要将它再次包装为

jQuery(par).hide();

只需使用 par.hide(); 但在这种情况下，当您将使用 css 隐藏元素时，您就不再需要它了。