jquery - 显示隐藏的 div 标签时出错

Question

我创建了一个 Web 应用程序，并且在我的索引页面中有一个搜索按钮。当用户单击搜索按钮时，我想使用 JQuery 淡出效果显示一条消息。但是当我刷新或重新加载隐藏的 div 标签正在显示的索引页面时，它会显示索引页面。我该如何防止这种情况。这是我的代码，你能帮我解决这个问题吗？

<!-- Starting unavelable page-->

<div  id="hidden_div" class="hidden_div">

    <div class="inner_div"><h2> These Services Will Be Coming Soon!</h2></div>
</div>
<!-- End-->


<script type="text/javascript">
$(document).ready(function(){

// when page loads #content_1 fades in over 4 seconds
$('#hidden_div').hide();

// Clicking show button fades in content_2 hides content_1
$('#search_botton').click(function(){
$('#hidden_div').fadeIn(1000);
});


$('#hidden_div').click(function(){
$('#hidden_div').fadeOut(1000);
});
// End Document ready
});
</script>

Answer 1

你可以用内联 css 隐藏它；比如

<div  id="hidden_div" class="hidden_div" style="display:none;">

Answer 2

那么 div 在页面加载期间显示？

您是否尝试使用 css 规则 display:none 启动 div，并在页面加载后或第一次淡入时将其删除？