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>

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

1 个答案: