akkordeon mit details->summary: zusätzlicher "close"-button mit CSS möglich?
bearbeitet von Rolf BHallo michaah,
man kann den Summary-Bereich mit etwas CSS Magie ans untere Ende des details-Bereichs schieben. Dann ist man beim Fertiglesen der details visuell beim Summary angekommen. Ggf. müsste man dann auch noch das nach unten zeigende Dreieck durch eins ersetzen, das nach oben zeigt. Das Thema hatten wir ja neulich.
~~~css
details[open] {
position: relative;
padding-bottom: 1.5em;
}
details[open] summary {
position: absolute;
bottom: 0;
}
~~~
Den Summary-Bereich klonen kannst Du so aber nicht. Und einen Button am Ende der details, der zusätzlich erscheint, kannst Du nur mit HTML, aber nicht mit CSS erschaffen. Und verarbeiten musst Du ihn mit JS.
Sorry. Aber für **Verhalten** der Webseite ist JavaScript zuständig, und du willst Verhalten ergänzen.
_Rolf_
--
sumpsi - posui - obstruxi