Redireccionar luego de un click?

<!doctype html>
<head><script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
<style>
.gallery {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  list-style: none;
}
.gallery li {
  margin: 4px;
}
.gallery li div img {
  width: 120px;
  height: 120px;
}
</style>
</head>
<body>
<ul class='gallery'>
  <li>
    <div id='pestana'> <img src="https://img69.imagetwist.com/th/53654/26l5744z6k02.jpg"></div>
  </li>
  <li>
    <div id='ventana'><img src="https://img69.imagetwist.com/th/53654/0vcwxlkyjp6y.jpg"> </div>
  </li>
  <li>
    <div id='enlamismapestana'><img src="https://img69.imagetwist.com/th/53654/8ughjow6d6uj.jpg"></div>
  </li>
</ul>

<script>
$("#enlamismapestana").click(function () {
  window.location.href = "http://www.google.com";
});

$("#pestana").click(function () {
  window.open("http://www.google.com");
});

$("#ventana").click(function () {
  window.open("http://www.google.com", "Tu Titulo", "width=500, height=500");
});
</script>
</body>
</html>