Wie Link, Anker auf Akkordion setzen.

[sonne]

Hallo zusammen, ich nutze den Akkordion Code so wie er auf w3schools w3schools steht.

 <button class="accordion">Section 1</button>
<div class="panel">
  <p>Dieser Text sollte verlinkt werden </p>
</div>

<button class="accordion">Section 2</button>
<div class="panel">
  <p>Lorem ipsum...</p>
</div>

<button class="accordion">Section 3</button>
<div class="panel">
  <p>Lorem ipsum...</p>
</div> 

var acc = document.getElementsByClassName("accordion");
var i;

for (i = 0; i < acc.length; i++) {
  acc[i].addEventListener("click", function() {
    /* Toggle between adding and removing the "active" class,
    to highlight the button that controls the panel */
    this.classList.toggle("active");

    /* Toggle between hiding and showing the active panel */
    var panel = this.nextElementSibling;
    if (panel.style.display === "block") {
      panel.style.display = "none";
    } else {
      panel.style.display = "block";
    }
  });
} 

Jetzt wollte ich eine Bild auf der gleichen Seite so verlinken dass wenn ich das Bild anklicke der Text im entsprechenden Akkordion im Focus steht. Ich dachte mit das ich das mit ID realisieren könnte:

<p id="test">Dieser Text sollte verlinkt werden</p>

<a href=#test><img src="img/test.jpg" alt="Logo"></a>

aber das funktioniert so leider nicht. Wie könnte ich das umsetzen? Ich könnte, würde auch statt dem Accordion mit JavaScript auf <details> und <summary> nutzen, wenn es zum Ziel führt.