<details ><summary> integratie

Ik snap de vraag niet helemaal.

Ik denk dat het gaat op het uitklappen waarbij "iets" niet gaat zoals verwacht.
Waarschijnlijk wil je per seizoen uitklappen bij een klik op de naam?

Maar je toont maar 1 seizoen. Ik denk dat het probleem duidelijker zou worden als er meerdere seizoenen in het voorbeeld zouden staan.

Je moet in elk geval per uitklapper een <details>tag hebben.

https://www.w3schools.com/tags/tryit.asp?filename=tryhtml5_details_css

momenteel staan er ± 20 seizoenen in de database. Als ik de query draai in phpmyadmin, dan krijg ik de "regels" die ik wil hebben.
Met de PHP code krijg ik een net overzicht van :
<code>
[seizoen 2000-2001]<br>
clubblad september 2000<br>
clubblad oktober 2000<br>
clubblad november 2000<br>
.....<br>
.....<br>
clubblad juli 2001<br>
<br>
[seizoen 2001-2002]<br>
clubblad september 2001<br>
clubblad oktober 2001<br>
clubblad november 2001<br>
.....<br>
.....<br>
clubblad juli 2002<br>
</code>

Als ik de <details ><summary>

Dan krijg ik niet voor ieder seizoen een "header" en de seizoen .

Dan komt er een genest overzicht.

<code>
[seizoen 2000-2001]<br>
-clubblad september 2000<br>
-clubblad oktober 2000<br>
-clubblad november 2000<br>
-.....<br>
-.....<br>
-clubblad juli 2001<br>
--[seizoen 2001-2002]<br>
--clubblad september 2001<br>
--clubblad oktober 2001<br>
--clubblad november 2001<br>
--.....<br>
--.....<br>
--clubblad juli 2002<br>
---[seizoen 2000-2001]<br>
---clubblad september 2000<br>
---clubblad oktober 2000<br>
---clubblad november 2000<br>
---.....<br>
---.....<br>
---clubblad juli 2001<br>
</code>

Na veel klooien krijg ik het niet voor elkaar dat ieder seizoen een header is met daar onder de clubbladen uit dat
seizoen.

zo iets dus:
<code>
-[seizoen 2000-2001]<br>
-clubblad september 2000<br>
-clubblad oktober 2000<br>
-clubblad november 2000<br>
-clubblad juli 2001<br>
+[seizoen 2001-2002]<br>
+[seizoen 2002-2003]<br>
</code>

Ik neem aan dat je met <code> de boel hier op het forum wilt opmaken? Daarvoor hebben we namelijk UBB tags. Zie de Veelgestelde Vragen.

je moet dan wel je <details> en <summary> tags gebruiken en niet random streepjes en [ ]

<?php
$current_category='x';
while($record =  mysqli_fetch_array($sql_clubblad))
{
    if ($current_category != $record['seasonname']) {
       if ($current_category !== 'x') {
          echo '</details>';
       } 
       echo'<details class="tree"><summary>'. htmlspecialchars($record['seasonname']).'</summary>';
       $current_category=$record['seasonname'];
    }
         echo'<div class="tree">'. htmlspecialchars($record['clubbladtitel']).'</div>';
}
if ($current_category !== 'x') {
   echo '</details>';
} 

?>

die <br>s heb ik achterwege gelaten: dat regel je maar met CSS....
En die linkjes komen wel als je opbouw van de pagina klopt.

[size=xsmall]Toevoeging op 04/01/2026 22:10:06:[/size]

en het lijkt me zekerder om htmlspecialchars toe te voegen voor het geval iemand bijvoorbeeld een & of < in de namen opneemt.
Dat gaat goed, zolang het niet fout gaat.

Bijvoorbeeld de introductie van het automerk Link&Co heeft tot problemen geleid, net als de Kia Cee'd een onhandige naam bleek te zijn.

YES!!!

pffff dat is hem!!!

Daar zat ik me nou echt blind op te staren :-|

Het werkt ik ga nu allen even stap voor stap er door heen lopen om te begrijpen waar ik de mist in ging

Hartstikke bedankt :-)

Als je een <details> opent, zullen de andere niet automatisch sluiten.
Dit kan wel met een beetje JavaScript die je onder de details zet.

<script>
let details = document.querySelectorAll("details.tree");
for (let i = 0; i < details.length; i++) {
   details[i].addEventListener("click", function() {
      for (let detail of details) {
         if (detail != this) detail.open = false;
      }
   });
}
</script>