タグがところどころ赤くなるのを直す方法

wordpressのfooter.phpに以下のように記述すると所々閉じるカッコが赤くなるのですがなぜでしょうか？
編集はvscodeを使っています

php
1<script>
2<script type="text/javascript" src="<?php echo get_template_directory_uri(); ?>/js/jquery.ripples.js"></script>
3<script>
4jQuery(function($){
5$('.top-news')←ここ.ripples({
6resolution: 700,
7dropRadius: 10,
8perturbance: 1000,
9});
10}←ここ)←ここ;
11</script>
12</body>

行動規範の内容に同意します

回答1件

ここが原因かは現状の情報だとわかりませんが、1行目の<script>と3行目の<script>がありますが、閉じてるのは1つしかないですね。
先頭の方は不要かなと。

自分の方だとエラーは出ませんがそっちはどういう表示になりますか。
エラーメッセージはありませんか。

html
1<script type="text/javascript" src="<?php echo get_template_directory_uri(); ?>/js/jquery.ripples.js"></script>
2<script>
3  jQuery(function($) {
4    $('.top-news').ripples({
5      resolution: 700,
6      dropRadius: 10,
7      perturbance: 1000,
8    });
9  });
10</script>