Beiträge von Clemens-XS

    Oh, noch keine Antwort? – Hab wieder nen Tipp bekommen, nachdem ich eine CSS-Definition in der Konsole gefunden habe:

    In YooTheme sind bereits die maximalen Definitionen gesetzt, um den vertikalen Scrollbalken zu entfernen. Aber diese CSS werden zum Stand Mitte 2026 anscheinend nur von Firefox unterstützt. Es geht um:

    iframe {overflow-clip-margin: content-box !important;overflow: clip !important;}

    Ferner zeigt sich, dass Chrome / Brave usw. das Video in konstantem Seitenverhältnis an die content-box anpassen, aber Firefox nicht: bei sehr großen Viewport-Breiten wird das Video immer breiter skaliert und die dann nicht darstellbare Höhe wird unten abgeschnitten, wobei dann wieder ein Scrollbalken erscheint.

    Es gibt also noch mehr zu optimieren, als nur den Scrollbalken. Diese Optimierungen, die ich mir wünsche, lassen sich aber mit den aktuellen Browser-Standards nicht zuverlässig verwirklichen. Ich muss also diese Dinge so wie sie sind, hinnehmen und auf "bessere Browser" warten.

    Das ist für heute wohl das letzte meiner Herausforderungen, wo ich seit Tagen nicht mit weiter komme:

    Ich habe eine Webseite gestaltet, in der lediglich ein Video gezeigt wird und gemäß vorigem Thema hier, auch ein beschreibender Text dazu. Diese Webseite wird über einen Link aufgerufen und in einen Iframe geladen, welcher wiederum in einer Lightbox angezeigt wird. Und obwohl der Inhalt (das Video) skaliert dargestellt wird und den Viewport nie überschreitet, wird immer ein vertikaler Scrollbalken gezeigt, der aber natürlich funktionslos ist, da es nix zum Scrollen gibt. (siehe Screenshot).

    So sieht der Link aus, mit dem ich die Webseite mit dem Video und Text in den iFrame lade, der in einer Lightbox gezeigt wird:

    <div uk-lightbox="animation: fade"><a href="clemens-zeitzeichen-video-blog/video-1-test?tmpl=template" data-type="iframe" title="Video 2026-08-12"> <img src="images/grafik/youtube-play-red.png" alt="" />Klick hier damit es mit dem Video im iFrame was wird!</a></div>

    Warum der ganze Aufwand?
    Ich will das Video alleine in einer Lightbox zeigen. Das würde ja auch einfacher gehen! Aber dann hätte ich im Text ja nur einen Link zum Video. Und das zählt nicht bei Google und SEO. Das Video muss in einer kompletten HTML-Seite komplett mit Text liegen, damit es von Google erfasst wird. YooTheme bietet hierzu die Lightbox mit der Variante Iframe an. Und weil der beschreibende Text im Iframe stören würde, mache ich ihn (wie im vorigen Thema angefragt) mit einem Script unsichtbar, wenn das Ganze in einem Iframe gezeigt wird. Wenn Google aber der URL folgt, ist kein Iframe im Spiel, sodass Google den ganzen Text geliefert bekommt.

    Das Ganze funktioniert aktuell schon prima. Nur der vertikale Scrollbalken stört massiv, zumal der weiß ist und die ganze Lightbox dunkelgrau. Ich habe bereits mit der Browser-Konsole alle in Frage kommenden CSS-Klassen ausprobiert, um die Scrollbar weg zu bringen. Bisher war nichts zu machen!

    Vielleicht hat jemand eine Idee dazu, der in YooTheme mehr Erfahrung hat wie ich?

    Jetz weiß ich, woran et jelejen hat.

    Ich hatte den Text im Text-Element mit der Klasse .mein-text ausgezeichnet. Aber in YooTheme steht der Text in einem Text-Element. Und dieses Element wurde ja nicht ausgeblendet. Und damit war anscheinend das "display: none;" innerhalb des Iframe wirkungslos.

    Ich habe daher die Klasse .el-element, die sich auf das gesamte Text-Element bezieht im CSS eingefügt und damit .mein-text ersetzt.

    Und schwupp, schon funktioniert et!

    Ich möchte eine Webseite, die ein Video zeigt und Text beinhaltet, so in einem Iframe darstellen, dass der text nicht angezeigt wird. Wird die Webseite ohne Iframe ganz normal angezeigt, soll der Text gezeigt werden. Hierfür fand ich folgende Lösung, die aber leider doch aus irgend einem Grund bis jetzt nicht funktioniert:

    Die Website bekommt ein Javascript mit:

    Code
    <script>
      if (window.self !== window.top) {
        // Die Seite wird in einem Iframe angezeigt
        document.documentElement.classList.add('is-in-iframe');
      }
    </script>

    Dieses erkennt, wenn die Webseite in einem Iframe läuft und setzt dann die CSS Klasse "is-in-iframe".

    Die Webseite erhält auch ein CSS:

    CSS
    /* Standard-Ansicht (Seite wird direkt aufgerufen) */
    .mein-text {
      display: block;
    }
    
    /* Iframe-Ansicht: Element ausblenden */
    .is-in-iframe .mein-text {
      display: none !important;
    }

    Und dem auszublendenden Text weise ich mit <div class="mein-text"> die per Script auszublendende Klasse zu.

    Resultat: Leider wird im Iframe immer noch der Text angezeigt.

    Die Überprüfung des HTML im Iframe ergab, dass das Script ordnungsgemäß im Headbereich geladen ist und auch, dass dem Textblock die CSS-Klasse korrekt zugewiesen wird. Es ist auch sicher, dass diese Klassenbezeichnung nirgends sonst benutzt wird und dass mit dem o.g. Script kein anderes Script kollidiert.

    Woran kann et denn liejen, dat et nit jeht?

    Ich fand gerade heraus, dass ich das Script unter "missbräuchlicher" Verwendung der Xtension Google Structured Data einfügen kann.

    Das Einfügen hat auch funktioniert. Aber das Script selbst und das zugehörige JS funktionieren noch nicht. Ich frag mal in einem neuen Thread nach und setze dies hier auf gelöst.

    Das sollte aber keinen YooTheme-Kenner davon abhalten, hier noch elegantere Lösungen zu posten.

    Durch Recherche fand ich zahlreiche Anfragen im YooTheme Support, die alle zum Gegenstand hatten, wie man in eine einzelne Webseite ein Javascript einfügen kann. Einige Antworten im Forum empfand ich echt als Verar xxx ung: Es eben nicht möglich, aus der Bibliothek das HTML-Element zu wählen und das Script dort einzufügen oder ein "Custom Modul" dazu zu benutzen (was immer das sein soll).

    Der einzig funktionierende Hinweis war, man solle doch von RegularLabs den Sourcerer verwenden. – Na toll, wie kann ich den einbinden im Zusammenwirken mit YooTheme? Und außerdem hätte ich dann den Nachteil, das komplette RegularLabs Framework installieren zu müssen. Ich lege Wert auf eine möglichst schlanke Installation mit wenig zusätzlichen Extensions.

    Da mein Script sehr klein ist und fast keine Laufzeit kosten würde, wäre es mir sogar egal, ob es im Head- oder Body-Bereich dieser einen Webseite landen würde.

    Bin sicher, dass hier viele mit YooTheme arbeiten und daher evtl. genau diese Aufgabe erfolgreich lösen konnten.

    Sorry, habs schon gefunden: Das Plugin ist nicht mehr nötig, da praktisch alle aktuellen Browser die CSS Eigenschaft hyphens unterstützen. Das wusste ich nicht.

    Aber wie binde ich den folgenden CSS-Vorschlag in m eine CSS-Datei so ein, dass sämtliche Texte incl. Überschriften usw. grundsätzlich mit angewendeter Silbentrennung angezeigt werden?

    .hyphenated-text {

    -webkit-hyphens: auto; /* Safari, älteres Chrome */

    -ms-hyphens: auto; /* IE 10+, älteres Edge */

    hyphens: auto; /* Standard */

    /* Optional: Grenzen für die Trennung */

    -webkit-hyphenate-limit-before: 3;

    -webkit-hyphenate-limit-after: 2;

    hyphenate-limit-chars: 6 3 2;

    }

    In meinen bisher auf Joomla 5.4.x laufenden Websites verwende ich gerne das Plugin hyphenate für eine automatische Silbentrennung. Damit hatte ich sehr gute Erfahrungen. Jetzt wollte ich es auf einer Joomla 6 Testseite installieren. Aber es passt nicht mehr zu Joomla 6. Auf der Website des Entwicklers finde ich (noch) keine 6er Version (https://ghsvs.de/downloads)

    Gibt es evtl. einen anderen Anbieter für die automatische Silbentrennung? Hab da auch noch keinen gefunden.

    Hi Martin!
    Die Schwierigkeit liegt in der enormen Komplexität der Aufgabenstellung und darin, diese präzise und möglichst unmissverständlich beschreiben zu können. Dafür fehlt mir leider die Zeit.

    Es gab damals (vor ca. 3 Jahren) nur zwei Lösungen bei JED, die aufgrund der Beschreibung der Features für mich in Frage kamen. Prompt habe ich zunächst die ungünstigere der beiden gewählt! :–) Bei OS Services Booking hatte ich ebenfalls erst mal einige Korrespondenz mit dem Entwickler, weil es teils Fehler in der Extension gab und teils weil ich zusätzliche Features benötigte, die dann auch tatsächlich integriert worden sind. Allerdings musste ich die Aufgabe: "ein Dienstleister an zwei Standorten mit dem Ausschluss sich zeitlich überlappender Buchungen" durch einen Trick lösen, weil das Programm das nicht hergab. Und die benötigte Fahrtzeit usw., was ich oben gerade skizziert hatte, ist aktuell gar nicht gelöst. Falls derzeit solche Buchungen erfolgen, muss ich eine der beiden verschieben und dies per Korrespondenz mit dem Klienten klären.

    Beide Extensions haben einen großen Nachteil gegenüber deinem Angebot: Beide bieten keine kostenfreie Version zum Ausprobieren an oder zumindest eine 4-Wochen-Testphase vor Kauf der Lizenz. Von daher ist dein Angebot wirklich verlockend.

    Frage: Wie kann ich dir, wie du schriebst, "die Funktionen meiner jetzigen Version zeigen"? – Selbst wenn ich dir Admin-Zugang geben würde, wäre die Komplexität so groß, dass du dich erst mal in die Struktur einarbeiten müsstest.

    Vielleicht schaffe ich es doch zeitlich irgendwie, eine grobe Beschreibung der für mich wichtigsten Features zu erstellen.

    Ich freue mich, dass du mir hier dein JoomBook vorstellst und ich habe mir die Feature-List auf JED angesehen. Das ist beeindruckend und könnte tatsächlich für mich geeignet sein. Aaaaber:

    Du wirst sicher schon bei der Entwicklung festgestellt haben, wie komplex solch ein Buchungskalender mit allen Funktionen, Abhängigkeiten usw. ist, bis hin zum Datenschutz, nach dem die Kunden automatisch nach einer einstellbaren Zeit vom System gelöscht werden.

    Ich stecke gerade in der Umsetzung meines neuen Marketing- und Werbekonzepts und habe daher keine Zeit, dein Projekt auf einer meiner Testseiten zu installieren und auszuprobieren. Ich habe z.B. zwei Praxen, die eine bei mir im Wohnbereich, die andere ca. 45 Autominuten entfernt. Wenn jemand einen Termin in der entfernt liegenden Praxis bucht, muss der Buchungskalender die Fahrtzeit vor und nach diesem Termin berücksichtigen und z.B. eine nächste Buchung an meinem Wohnort verhindern. Bei zwei aufeinander folgenden Terminen in der entfernt liegenden Praxis entfällt natürlich diese Zwangspause, sodass dort eine Uhrzeit noch gebucht werden kann, während diese Uhrzeit an meinem Wohnort bereits nicht mehr buchbar sein darf.
    Mein aktueller Buchungskalender lässt hier keine Einstellungen oder Funkionen zu.

    Und falls mal wenig Buchungen vorliegen, muss ich ohne großen Aufwand "Schein-Buchungen" einfügen, weil sonst spitzfindige Zeitgenossen schlussfolgern könnten, dass ich nicht ausgebucht bin und das einen ungünstigen Grund haben müsste.

    Ich hatte den Entwickler von OS-Services Booking schon auf mehrere Unstimmigkeiten aufmerksam gemacht. Dann tut er regelmäßig so, als würde er meine Frage aufgrund von Sprachschwierigkeiten oder aufgrund einer angeblich unverständlichen Beschreibung meinerseits nicht verstehen und könne mir daher nicht weiter helfen. Zuletzt hatte ich ihm die offensichtlichen Fehler / Mängel sogar per Video / Screenrecording gezeigt und in Englisch erklärt. Ich fühle mich da nicht mehr ernst genommen. Das war noch direkt nach dem Erwerb der Lizenz ganz anders. Ich habe die Lizenz seit Dezember 2025 auslaufen gelassen.

    Per PN / eMail kann ich dir mal meinen Buchungskalender in der Version 5 (veraltet) "zeigen". Die derzeitigen Funktionen reichen mir noch aus. Falls aber intensiv gebucht wird, muss ich manuell eingreifen; und das ist aufwendig und für Klienten wegen evtl. nötiger Umbuchungen ärgerlich. Spätestens dann komme ich gern auf deine Extension zurück.

    Herzlichen Dank für deine Anregungen. Ich habe die alle geprüft und nix Auffälliges gefunden. Ich verwende eine Matomo-Instanz für alle vier Websites.

    Ich habe aber jetzt gerade den Fehler gefunden!

    Ich bette das Script mit Hilfe des Script-Integrators von YooThemePageBuilder ein. Bei den Websites, wo das Script nicht funktioniert, habe ich das Plugin von IT-consult installiert und dort das Script eingefügt. Der Fehler blieb! Also MUSS der JS-Code einen Fehler beinhalten.

    Ich lud das Script in einen Code-Editor und irgendwie kam mir die Idee, den auf Unicode-Darstellung umzuschalten. Und da wurden Zeichen sichtbar, die in ASCII unsichtbar sind. Unfassbar, wie die da hinein gekommen sind!

    Nach Einfügen des korrigierten Scripts laufen nun alle Seiten wie gewünscht.

    Einziger Nachteil: Mich hatte das Finden dieser Fehlerursache so begeistert und zu schnellem Handeln animiert, sodass ich den "defekten JS-Code" nicht gesichert habe und daher hier nicht zeigen kann.

    Aktuell betreibe ich vier Joomla-Websites und alle haben Matomo integriert. Eine neu angelegte und eine ziemlich alte – aber alles auf dem neuesten Stand – funktionieren einwandfrei. Ausgerechnet die mir aktuell am wichtigsten zeigen eine echt verrückten Fehler. Der lässt sich am einfachsten in der Browser-Konsole / Netzwerkverbindungen feststellen:

    Statt die URL meiner Matomo-Instanz zu benutzen, wird dort url-meiner-domain.dematomo.js/ aufgerufen. Es wird also zunächst die korrekte Matomo-URL genutzt und direkt nach der TLD .de folgt matomo.js/ Und so kann natürlich das Matomo-Script nicht gestartet werden. Ich erhalte nur noch Zählungen über den noscript-Bereich des Matomo-Codes.

    Wenn ich mir den HTML-Quellcode anschaue, ist solche eine falsche URL nicht darin enthalten. Also wird die dynamisch erzeugt. Den Cache habe ich natürlich auch schon mehrfach gelöscht. Hat aber nix gebracht. Wenn ich das Matomo-Script aus der Website entferne, tritt der Fehler nicht mehr auf.

    Auf allen vier Websites verwende ich exakt das gleiche Matomo-Script, bis auf die ID zur Website natürlich.

    Auf allen vier Websites sind die gleichen Xtensions installiert und alle sind gleich konfiguriert. Außer der Xtension von Crusco (Canonical) gibt es keine, die URLs verändern kann und unter "Joomla-Weiterleitungen" ist nix von Matomo drin. Und diese Xtension von Crusco habe ich probeweise deinstalliert und der Fehler blieb. Die ist also OK (und sehr empfehlenswert!)

    Frage:
    Mit welchen Methoden könnte ich die Ursache am effizientesten auffinden?

    Meine aktuellen beiden Produktiv-Websites werden weiterhin schlecht gerankt. Also beachte ich die Hinweise in der GoogleSearchConsole.

    Dort finde ich zur ersten Website unverständlicher Weise unter "Seite mit Weiterleitung - nicht indexiert" ausgerechnet die Homepage. Sie wird dort aufgeführt als:
    http://meine-website-1.de/
    http://www.meine-website-1.de/
    https://www.meine-website-1.de/

    Dabei habe ich in der htacces schon seit mehreren Jahren alles nach https://meine-website-1.de umgeleitet:

    RewriteCond %{HTTP_HOST} !^meine-website-1\.de$ [NC]
    RewriteRule ^(.*)$ https://meine-website-1.de/$1 [R=301,L]

    und im Server ist eingestellt, dass alle www-Aufrufe nach https://... umgeleitet werden.

    Ferner ist das Canonical Plugin von Crusco in der Pro-Version aktiviert und so eingestellt, dass trailing slashes verhindert werden (sollten). Dennoch findet Google offensichtlich URLs mit trailing Slashes. Ich habe mir den Quelltext aller Seiten durchsucht und fand keine einzige Seite als canonical gekennzeichnet, die doch einen trailing Slash hatte.

    Dann entdeckte ich, dass in der Sitemap (Joomlashack OSmap) alle Webseiten ohne trailing Slash gelistet sind, außer die Homepage. Die hat einen trailing Slash. Nachdem ich nirgendwo einen Fehler feststellen konnte, habe ich Schuweb Sitemap parallel installiert und eine XML-Sitemap erstellen lassen. Die zeigt aber das gleiche Ergebnis!

    Ich habe absichtlich meine realen Domains hier nicht angegeben, denn immer wenn ich die hier bisher genannt hatte, lockte das die Script-Kiddies an und versuchten zigfach, unerlaubten Zugang zu erhalten. Aber falls Unterstützung nur mit genannter Domain möglich wäre, liefere ich die noch nach.

    Was könnte hier die Ursache sein, dass die vorbeschriebenen Fehler auftreten und mir das Ranking beeinträchtigen?

    Danke, bei mir gleichfalls: Ich bin ja Heilpraktiker der Psychotherapie. Da sind mir auch schon die ersten "Klienten" untergekommen, die jetzt zur KI in Therapie gehen. Prost Mahlzeit!

    In den USA klagen die ersten Eltern gegen KI Unternehmen, dass sich ihr Kind von KI hat "therapieren" lassen und das ist im Suizid geendet.

    Ich finde, man muss halt kritisch schauen und ggfs. vorsichtig genug ausprobieren, was funktioniert und was problematisch ist.

    Lang lebe unser Forum!

    Gerade habe ich mal aus Jux Claude von Anthropics befragt. Ich erhielt iinnerhalb von 30 Sekunden folgende und auf Anhieb funktionierende Lösung:

    Das Problem ist eigentlich recht elegant lösbar. Der Trick: Das automatische Öffnen geschieht per JavaScript, indem UIkit.modal() programmatisch aufgerufen wird – und der manuelle Button bleibt als Fallback erhalten.

    <!-- Manueller Aufruf-Button (Fallback) -->

    <div uk-lightbox="toggle: [data-type='iframe']">

    <a href="https://meine-domain.xx/webseite-fuer-modalbox?tmpl=template"

    title="Titel der Webseite in der Modalbox"

    data-type="iframe"

    data-caption="Webseite in der Modalbox"

    data-title="Hier gehts zur Webseite in der Modalbox"

    id="modalbox-trigger">

    hier klicken

    </a>

    </div>

    <!-- Auto-Start Script -->

    <script>

    window.addEventListener('load', function () {

    var trigger = document.getElementById('modalbox-trigger');

    if (trigger && typeof UIkit !== 'undefined') {

    UIkit.lightbox(trigger.closest('[uk-lightbox]')).show(0);

    }

    });

    </script>

    Wie es funktioniert:

    Das Script wartet auf das vollständige Laden der Seite, greift dann auf das bereits vorhandene UIkit-Lightbox-Element zu und ruft .show(0) darauf auf – das öffnet den ersten (und einzigen) Eintrag der Lightbox, also Ihren Iframe.

    Warum dieser Ansatz:

    Es wird kein separater <iframe> benötigt – UIkit übernimmt das Rendering vollständig

    Der ?tmpl=template-Trick für Header/Footer-Unterdrückung bleibt erhalten

    Falls JavaScript deaktiviert ist oder UIkit nicht lädt, bleibt der manuelle Link vollständig funktionsfähig

    Kein doppelter Code – Button und Auto-Start nutzen dieselbe Konfiguration

    Wichtig: Das Script muss nach dem UIkit-JavaScript eingebunden sein (also am Ende des <body> oder nach dem UIkit-<script>-Tag), damit UIkit zum Zeitpunkt der Ausführung bereits verfügbar ist. Im YOOtheme Pro Pagebuilder können Sie das Script-Snippet direkt in ein „Custom HTML"-Element auf der Seite einfügen.

    Dass die KI so etwas so schnell lösen kann... Ich bin echt überrascht!

    Aber ich finde es dann aber auch fair, wenn ich diese Lösung hier mitteile, damit andere auch was davon haben. Möge mein Beitrag hier helfen.

    Aber was ist mit der Zukunft von z.B. diesem Joomla-Forum, wenn zunehmend solche Fragen per KI beantwortet werden, und das sofort??? Ich fände es schade, wenn demnächst womöglich wegen der leistungsstarken KI Foren sterben würden!

    Bitte jetzt nicht den Sinn meines Vorhabens hinterfragen, weil ich dann sehr viel schreiben müsste, das aber dann für die Lösung unwichtig ist.

    Gewünschte Funktion:
    Jemand ruft eine bestimmte Webseite auf. Auf dieser soll ein Script dafür sorgen, dass direkt nach Laden der Seite eine Modalbox (Iframe) gestartet wird, in der sofort der Inhalt einer weiteren Webseite dargestellt wird. Sowohl die zunächst aufgerufene Webseite als auch diejenige, die dann in der Modalbox dargestellt werden soll, werden auf der gleichen Website gehostet, sodass es zu keiner XSS oder ähnlicher Problematik kommen kann.
    Im Fall, dass jemand Scripte oder automatisch startende Modalboxen usw. im Browser deaktiviert hat, wird die Modalbox halt nicht angezeigt, sondern nur die zuerst geöffnete Webseite. Auf dieser befindet sich ein Button oder Link, mit dem dann die Modalbox manuell aufgerufen werden kann.

    Technik dazu:
    Ich verwende UiKit bzw. YooTheme Pagebuilder. Um dort elegant eine Modalbox mit dem Inhalt einer weiteren Webseite darstellen zu können (und zwar ohne Header und Footer), muss der Link für manuellen Aufruf in HTML so aussehen:

    <div uk-lightbox="toggle: [data-type='iframe']">
    <a href="webseite-fuer-modalbox?tmpl=template" 
    title="titel der webseite in der modalbox" 
    data-type="iframe" 
    data-caption="webseite in der modalbox" 
    data-title="Hier gehts zur webseite in der modalbox">
    </div>hier klicken</a>

    Der Trick, dass Header und Footer in der Modalbox nicht angezeigt werden, liegt in der Ergänzung der URL durch ?tmpl=template


    Nun habe ich im Web nach dem passenden Javasccript-Schnippsel gesucht und fand dies hier:

    <iframe id="BuKa" src=""></iframe>
    <script>
     // Warte, bis die Seite geladen ist
     window.addEventListener('load', function() {
       const iframe = document.getElementById('BuKa');
       // Setze die URL des zu ladenden Inhalts
       iframe.src = 'https://meine-domain.xx/webseite-fuer-modalbox; // Ersetze durch die gewünschte URL
     });
    </script>

    Dieses Script habe ich getestet und es funktioniert. Aber ich kann die Aufgabe nicht lösen, den zwingend nötigen UiKit-Code in das Script hinein zu bringen.

    Hierzu benötige ich hier Unterstützung! Danke!

    Vielen Dank dir! Das war mein Fehler! Die KI hatte keine Klassen definiert. Aber ich hatte gedacht, es müssten Klassen sein und habe den Code geändert. Ich werde es also neu versuchen.

    Das YooTheme Accordion anpassen, dürfte echt schwierig sein, weil diese "ausklapp-Liste" innerhalb einer Textbox mit fester Höhe und Scrollbar funktionieren soll. Ich müsste den ganzen Accordion-Code dann irgendwie innerhalb dieser Textbox laufen haben. Genau deshalb habe ich nach einem CSS-Schnippsel gesucht, der mir das auf einfache Art ermöglicht.

    Ich melde mich wieder, wenn es mit dem "KI-Code" funktioniert.

    Auf meinen Websites nutze ich zwar YooTheme Pagebuilder, der mit dem UI-Kit arbeitet und auch standardmäßige Accordions anbietet. Die Accordions nehmen mir aber viel zu viel Platz ein in diesem Fall. Ich suche nach einer Lösung, wo eine Liste mit Titeln angeboten wird. Klickt man auf einen dieser Titel, klappt direkt darunter der Text aus. Das Ganze so platzsparend wie möglich. Denn es geht einfach um ein Newsletter-Archiv, wo der User auf ein Datum klickt und dann den zugehörigen Newsletter angezeigt bekommt. Klickt er auf ein anderes Datum, schließt sich natürlich das bisher geöffnete Datum und das neue öffnet sich.

    Im Web fand ich folgenden KI-generierten Vorschlag, der aber leider nicht funktioniert, weil alles immer aufgeklappt bleibt:


    Im Prinzip ist ja genau das, was ich wollte… wenn es denn nur auf-/zuklappen würde!

    Weiß jemand, was ich korrigieren muss, damit es funktioniert?