页面重新加载后如何隐藏内容div

Question

我正在使用这个 javascript 来折叠和展开包含一些信息的 div。 div 的类为.info。 页面重新加载后，首先可以看到div是可见的，但是一秒钟之内，当js加载完毕后，它就消失了。 我如何在重新加载页面时实现这一点，也是在第一次第二次不可见 div 时？

$( document ).ready(function() {

   var $accordionIO = $('.accordion .toggle-button');


   $accordionIO.prev('div').hide();

   $(".accordion .toggle-button").click(function () {
    //Inner 
    var jqInner = $('.info', $(this).parent());
    if (jqInner.is(":visible"))
    {
        jqInner.slideUp();
        $(this).find('.button-switch').html('Information');
    }
    else
    {
        jqInner.slideDown();
        $(this).find('.button-switch').html('Close');
    }
   });
}); 

html:

<!-- Start toggle script -->
    <div class="accordion">
        <div class="info">
          <?php
             include('includes/information.txt');
          ?>
        </div>
        <div class="toggle-button"><span class="button-switch">Information</span> </div>
    </div>

Answer 1

请尝试添加内联样式属性。请参见下面的示例：

<div style="display:none;"></div>