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>