如何在单击手风琴时激活相应的图像？

<div class="accordion">
  <div class="panel">
    <h2 class="panel-title">Panel 1</h2>
    <div class="panel-content">
      <img src="image1.jpg" alt="Image 1">
    </div>
  </div>
  <div class="panel">
    <h2 class="panel-title">Panel 2</h2>
    <div class="panel-content">
      <img src="image2.jpg" alt="Image 2">
    </div>
  </div>
  <div class="panel">
    <h2 class="panel-title">Panel 3</h2>
    <div class="panel-content">
      <img src="image3.jpg" alt="Image 3">
    </div>
  </div>
</div>

.accordion {
  width: 100%;
}

.panel {
  background-color: #f1f1f1;
  margin-bottom: 10px;
}

.panel-title {
  background-color: #ddd;
  padding: 10px;
  cursor: pointer;
}

.panel-content {
  display: none;
  padding: 10px;
}

.panel.active .panel-content {
  display: block;
}

var panels = document.querySelectorAll('.panel');

panels.forEach(function(panel) {
  var title = panel.querySelector('.panel-title');
  var content = panel.querySelector('.panel-content');

  title.addEventListener('click', function() {
    panel.classList.toggle('active');
  });
});