slackにも記入させていただきましたが、改めてこちらにも失礼します。

ウェブサイトを開けると、ロゴがふわっと表示されるような動きを付けたいのですが、方法が分からずうまくいきません。

jQueryを使っての表示と思い、こちらの記事（ https://mckee-pro.com/%e3%82%b5%e3%82%a4%e3%83%88%e3%82%92%e9%96%8b%e3%81%84%e3%81%9f%e6%99%82%e3%81%ab%e3%83%ad%e3%82%b4%e3%81%8c%e3%81%b5%e3%82%8f%e3%81%a3%e3%81%a8%e3%83%95%e3%82%a7%e3%83%bc%e3%83%89%e3%82%a4%e3%83%b3h ）を参考に下記の通り入力いたしました。

jQeryのコードをスタイルシートのfunction.phpに入力した際に下記のエラーが表示され、ファイルの更新が出来ません。

エラーの解決方法、WordPressでのjQueryの実装の方法などご存じでしたらご教示願います。

よろしくお願いいたします。

入力したコード

HTML

【カスタマイズ→高度な設定】

<div class="logo_fadein">
<p><img src="http://creaist-mg.com/wp-content/uploads/2021/02/logo@2x.png" alt=""></p>
</div>

CSS

【外観→テーマエディター→スタイルシート】

.logo_fadein{
background: #FFF;
position: fixed;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 999;
}
.logo_fadein p {
position: fixed;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
display: none;
z-index: 9999;
width: 280px;
}

jQuery

【外観→テーマエディター→スタイルシート→SWELL CHILD:テーマのための関数(functions.php)】

jQuery(function() {
setTimeout(function(){
$('.logo_fadein p').fadeIn(1000);
},500);
setTimeout(function(){
$('.logo_fadein').fadeOut(1000);
},2500);
});

※WordPressは先頭のコードを「jQuery(function() 」と記載するとのことだったのでその通り書いていますが間違っていればご指摘ください。

ファイルの更新をクリック

↓

エラーコード

『wp-content/themes/swell_child/functions.php ファイルの32行目のエラーのため、PHP コードの変更をロールバックしました。修正し、もう一度保存してください。』

syntax error, unexpected '(', expecting variable (T_VARIABLE) or '{' or '$'