sessionStorageを利用して、初回アクセス時のみオープニングアニメーションを表示したいです。

Question

前提・実現したいこと

ワードプレスでサイト構築をしています。
サイトに初回アクセス時にオープニングアニメーションを表示後にTOPページを表示、ブラウザを閉じるまではアニメーションを読み込まない設定にしたいです。

発生している問題・エラーメッセージ

初回のローディングアニメーションまでは問題なく表示されますが、リロードすると表示が真っ白になってしまいます。
jsが不得意のため、JSの書き方に問題があるかと思われますので、詳しい方ご教示いただけると幸いです。

該当のソースコード

■header.php内　javascript
<script type="text/javascript">
const keyName = 'visited';
const keyValue = true;

if (!sessionStorage.getItem(keyName)) {
//sessionStorageにキーと値を追加
sessionStorage.setItem(keyName, keyValue);

//ここに初回アクセス時の処理
jQuery(function() {
setTimeout(function(){
	jQuery('.start p').fadeIn(1600);
},500); //0.5秒後にロゴをフェードイン!
setTimeout(function(){
	jQuery('.start').fadeOut(3000);
},5000); //5秒後にロゴ含め真っ白背景をフェードアウト！

});

} else {
//ここに通常アクセス時の処理
jQuerystart.addClass('none');
sessionStorage.setItem('access', 0);
}
</script>

■header.php内　body直下　HTML
<div class="start">
<p><img src="/wp-content/uploads/2020/07/o_animation03.gif" alt=""></p>
</div>

■css
/* オープニングアニメーション */
.start {
background: #FFF;
position: fixed;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 9000;
}
.start p {
position: fixed;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
display: none;
z-index: 9999;
width: 1000px;
}
.none{display:none;}

試したこと

下記URLを参照にJSを真似て実装してみました
https://into-the-program.com/execution-firsttime-access/

▼▼　参照コード　▼▼
const keyName = 'visited';
const keyValue = true;

if (!sessionStorage.getItem(keyName)) {
//sessionStorageにキーと値を追加
sessionStorage.setItem(keyName, keyValue);

//ここに初回アクセス時の処理
console.log("初めての訪問です");

} else {
//ここに通常アクセス時の処理
console.log("訪問済みです");

}

至らないコードで恐縮ですが、ご教示の程よろしくお願いいたします。

Comments

[m.ts10806]

「WordPress」のタグはつけてください。
あと、コードはマークダウンのcode機能を利用してご提示ください。

[Lhankor_Mhy]

3-7. markdownを利用しましょう
https://teratail.com/help/question-tips#questionTips3-7

[Lhankor_Mhy]

jQuerystart には何が入っていますか？

Answer 1

まずセッション処理と切り分けて
アニメーションなしの画面で表示できるようになってますか？

それができているのであればjs かPHPのエラーは出ていませんか？

Comments

[mina37]

ご回答ありがとうございます。
jsの書き方の間違いに気付き、下記に修正したところ、希望通りの動きになりました。

■js　変更点
} else {
//ここに通常アクセス時の処理
jQuery(function(){
jQuery('.start').addClass('none');
});
}

一番最初にご回答いただきましたので、ベストアンサーに選ばせていただきました。
至らないコードをご確認頂き、ありがとうございました。