如何用jQuery改变一个超文本标记语言表格的边框粗细和脉动边框颜色，直到检测到一个点击“别处”？

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

<table id="myTable">
  <tr>
    <th>Header 1</th>
    <th>Header 2</th>
    <th>Header 3</th>
  </tr>
  <tr>
    <td>Data 1</td>
    <td>Data 2</td>
    <td>Data 3</td>
  </tr>
</table>

$(document).ready(function() {
  // 初始边框粗细和颜色
  var borderWidth = "1px";
  var borderColor = "red";
  
  // 设置初始边框样式
  $("#myTable").css({
    "border-width": borderWidth,
    "border-color": borderColor
  });
  
  // 定义边框脉动动画
  function pulseBorder() {
    $("#myTable").animate({
      "border-width": "5px",
      "border-color": "blue"
    }, 500).animate({
      "border-width": borderWidth,
      "border-color": borderColor
    }, 500, pulseBorder);
  }
  
  // 开始边框脉动动画
  pulseBorder();
  
  // 监听点击事件，当点击其他地方时停止脉动
  $(document).on("click", function(event) {
    if (!$(event.target).closest("#myTable").length) {
      $("#myTable").stop().css({
        "border-width": borderWidth,
        "border-color": borderColor
      });
    }
  });
});