Announcement banner shows after refresh the page for second

[Teja]

Hi Team,

We have added an announcement banner to show some custom messages only for users on the login page or display only to those who have not logged in to Jira.

code seems to work but also shows when logged in user refreshes the page for a second and goes off which is kind of annoying

<div class="infoBox loginHelp" style="margin: 4px; padding: 2px;">
<ul>
<li>Some custom message 1 </li>
<li>Some custom message 2 </li>
<li>Some custom message 3 </li>
</ul>
</div>

<style id="hideLoginMods" type="text/css">
.infoBox.loginHelp ul > li {
margin-bottom: 3px;
}

/* hide the default login advice (delay to after Jira runs) */
#sign-up-hint, #forgotpassword, #publicmodeoffmsg, #login-form-cancel {display: none;}
</style>

<script type="text/javascript">
//only show the custom login advice on login, banner edit, and forgot login pages
$(document).ready(function() {
var val = $("input[title='loggedInUser']");
if (val) {
val = val.val();
}
if (val) {
$(".loginHelp").hide();
}
if (window.location.href.indexOf("EditAnnouncementBanner") != -1) {
$(".loginHelp").show();
}
});
</script>

Any help would be appreciated, thanks in advance.