Question

我在网站上有一个进度栏，其内容应该隐藏，直到进度栏结束为止。

只有进度条达到100％时，它才会消失并显示隐藏的内容。

请在此处找到代码-https://jsfiddle.net/CEBEP/0gt1w8qk/10/

    <h2>
    Some text before Visible
    </h2>
    <!-- Progress bar -->
                                <div id="progress_bar" class="ui-progress-bar ui-container">
                                    <div class="ui-progress" style="width: 79%;">
                                        <span class="ui-label" style="display:none;">Processing <b class="value">79%</b></span>
                                    </div>
                                </div>
                                <!-- /Progress bar -->
    <div class="hidden_content">
    Hidden content
    </div>

在此先感谢您的帮助和时间。

Answer 1

页面打开时调用隐藏

$(function(){
$('.hidden_content').hide();
});

当装载机达到100％时呼叫显示；

$('.hidden_content').show();

demo

进度栏隐藏内容并在折叠时显示

1 个答案: