重新加載頁面后如何隱藏內容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>