Ein Akkordeon ist eine Art Menü, mit dem bei Mausaktionen zusätzlicher Inhalt unter der Überschrift angezeigt werden kann. Es kann immer nur der Inhalt einer Überschrift geöffnet sein. Wenn die nächste Überschrift ausgewählt wird, wird der Inhalt der vorherigen Überschrift geschlossen.

Mehr über accordion...

Ich entwickle eine Website und ein Teil davon ist ein JSP, der Daten aus der Datenbank empfängt. Diese Daten werden in einem Akkordeon dargestellt. Das Problem ist, dass der erste Wert wiederholt wird, sodass Sie den ersten Wert als Akkordeon-Schaltfläche und den zweiten als Inhalt gruppieren müsste....
30 Mai 2021 im 17:25
Ich habe ein Setup, das ähnlich wie ein Akkordeon arbeitet, aber vertikal. Ich möchte, dass die Klasse "Unset" der "Choice"-Klasse hinzugefügt wird, auch während Sie die "Erweiterung" und "Kleine" Klassen entfernen. Ich habe den JQuery-Code dazu bearbeitet, um zu sagen, dass die Kartenscheine-Klasse....
28 Mai 2021 im 15:33
Dies ist meine Akkordeon-Komponente: Ich möchte, dass die obige Komponente so aussieht: Ich möchte diese Überschriften (Akkordeon 1, Akkordeon 2) ausgerichtet machen. Aber ich kann es nicht tun. Bitte helfen, unten ist der Code von der Material-UI-Website: import Accordion from '@material-ui/core/....
26 Mai 2021 im 13:32
Ich habe also ein Thema mit einer Akkordeon-Option darin - das Akkordeon öffnet jedoch den ersten Artikel. Ich möchte, dass es geschlossen ist - ich weiß, dass es mit JS kontrolliert wird, was nicht meine Stärke ist. Ich kann sehen, dass der JS "offene" und "aktive" Klassen in den Bereich hinzugefüg....
Ich brauche Hilfe beim Bootstrap-Akkordeon Ich möchte das {border-bottom-color: red für den Kopf eines Elements "collapsible Gruppenartikel" div hinzufügen, wenn er geöffnet ist und entfernen Sie es, wenn die DIV geschlossen ist Ich versuche, die Klasse durch JQuery hinzuzufügen, und diese Klasse....
20 Mai 2021 im 09:44
Ich versuche, ein Multi-Level-Akkordeon für ein Navigation aside auf einer Seite zu erstellen, und ich finde, dass ein Element-Typ zu lang herauskommt: Wenn Sie den {{{{{{{{background-color an einem Schwebe ändern, Der hervorgehobene Hintergrund davon erstreckt sich in den Hauptkörper der Seite. Die....
8 Mai 2021 im 03:25
Ich habe ein Standard-Bootstrap-Akkordeon und ich möchte nicht, dass die Option, dass alle Karten gleichzeitig geschlossen werden, ich habe zwei Total. JETZT JETZT ... Wenn ich auf eins klicke, öffnet sich, und wenn ich wieder darauf klicke, schließt es wieder. Die erste Karte beginnt offen und ich ....
Ich machte ein zusammenklappbarer Akkordeer und fand zwei Dinge, die ich ändern möchte. Ich folge diese Website. Ich kann nicht einige der Dinge tun. wie der schwebende arbeitet nicht wie das und zweitens das, das nach dem Öffnen der Farbe anders ist. Bitte haben Sie einen Blick und helfen Sie mir ....
1 Mai 2021 im 08:31
Ich bin ein Junior-Web-Entwickler und ich arbeite an dieser Seite, aber ich habe ein Problem, das ich nicht selbst reparieren kann. Ich habe ein Akkordeon gemacht, aber wenn ich die Site skaliert habe, scheint der Header-Text das Dropdown-Symbol zu überlappen. Hier habe ich zwei Screenshots darüber ....
25 Apr. 2021 im 19:46
Ich habe einen FAQ-Bereich mit gefederten Abschnitten vom Akkordeontyp, die alle mit TailwindCSS (d. H. Ohne Javascript) erstellt wurden. Links in offenen Abschnitten funktionieren nicht (sie schließen nur die FAQ, da die Frage den Fokus verliert). Hat jemand eine Idee, wie ich das Link-Ereignis au....
5 März 2021 im 16:53
Ich versuche, meinen Header / Banner (der eventuell in eine SharePoint-Masterseite eingegeben wird) ansprechbar zu machen. Ich habe eine festgelegte Höhe für den Header. Wenn ich normalerweise etwas anspreche, setze ich die Höhe auf auto. Ich verwende einen Flex, um die Informationen im Banner zu e....
25 Feb. 2021 im 00:32
Ich habe oben auf meiner Seite eine Reihe von Ankerlinks und unten auf der Seite eine Reihe von Akkordeons. Mein Ziel ist es, wenn jemand auf den Ankerlink klickt, ihn auf das entsprechende Akkordeon fallen zu lassen und es automatisch zu öffnen. Die Akkordeonelemente funktionieren, wenn Sie direk....
13 Feb. 2021 im 03:37
Ich erstelle einen Informationsbereich mit drei Dropdown-Optionen: "Kurslänge", "Preisgestaltung" und "Stornierungen". Sehen Sie es hier live Aus irgendeinem Grund können die Kontrollkästchen nur in Reihe angeklickt werden (d. H. Ich kann nicht klicken, um "Stornierungen" zu erweitern, es sei denn, ....
12 Feb. 2021 im 14:45
Ich möchte je nach Bildschirmbreite zwischen Akkordeon und Tabs wechseln, indem ich die MUI (Material UI React Implementation) verwende. Ist das möglich? Die Dokumentation scheint diesen Anwendungsfall nicht abzudecken, aber ich hätte gedacht, dass dies durchaus üblich ist. Ich mache gerade dies, ....
11 Feb. 2021 im 14:55
Ich habe mehrere Akkordeons nebeneinander in einem Tisch gebaut. Die Idee war, das erste Akkordeon zu öffnen, um neue Optionen zu erhalten, und diese zu öffnen, um die Informationen darin zu erhalten. Jetzt habe ich das Problem, dass sich das Akkordeon direkt daneben in die Mitte des geöffneten Tis....
8 Feb. 2021 im 15:30
Ich habe ein Akkordeon mit drei Inhaltsbereichen. Ich möchte das relative Akkordeon aktivieren, wenn jemand auf einen Menüpunkt klickt, an den ein Anker an die URL angehängt ist (/ Fachwissen # Ziel). So wie mein Akkordeon aufgebaut ist, fügt es .show dem Panel .panel hinzu, das auf das Titeleleme....
3 Feb. 2021 im 16:46
Ich habe eine Site mit dem Bootstrap 4-Thema. Ich möchte, dass das Menü collapseMenuManage automatisch geöffnet wird, wenn es angezeigt wird. Hier ist der HTML-Code für meine Seite: <div id="modal_aside_first" class="modal fixed-right pl-0 fade" tabindex="-1" role="dialog"> <div class="modal-dia....
Ich habe ein SVG-Pfeilbild in jedem Header meiner Bootstrap 4 Akkordeonkarte. Ich möchte, dass sich der Pfeil des geöffneten Headers im geöffneten Zustand um 180 Grad dreht und in den Ausgangszustand zurückkehrt, wenn ich ihn schließe oder einen anderen Header öffne. Im Moment drehen sich die Pfei....
Ich versuche, ein zusammenklappbares Akkordeon herzustellen, aber das Problem, das ich habe, ist, dass alle gleichzeitig geöffnet sein können und ich möchte nur, dass jeweils eines geöffnet ist. Grundsätzlich möchte ich, dass einer geöffnet wird, aber wenn Sie auf einen anderen klicken, wird der be....
31 Dez. 2020 im 11:44
Ich habe Erfahrung mit HTML und CSS, aber ich fange gerade erst an, JS zu lernen, daher spiegelt mein Code wahrscheinlich genauso viel wider. Ich habe ein Vanilla JS-Akkordeon in meine Website eingefügt, möchte aber auch (vorzugsweise mehrere) Collapse-All-Links auf der Seite hinzufügen. Dies ist ....
28 Dez. 2020 im 08:38
Ich verwende mehrere separate Akkordeons auf einer Seite an verschiedenen Stellen. Wenn ich eine Akkordeonregisterkarte öffne, sollten alle anderen "unabhängigen" Akkordeons geschlossen werden. Wie Sie hier sehen können: jsfiddle example at jsfiddle Wenn ich "ZWEITES Akkordeon - Abschnitt x" öffn....
27 Dez. 2020 im 18:02
Ich habe ein Pfeilbild in jeder Überschrift meiner Bootstrap 4 Akkordeonkarte. Mein Ziel ist es, dass sie alle am rechten Rand (aber immer noch innerhalb) des Kartenrandes übereinander ausgerichtet sind. Alles, was ich bisher versucht habe, drückt entweder die Pfeile aus der Karte oder lässt sie u....
Ich habe mehrere Akkordeons auf einer Archivseite mit einem Standardstatus als reduziert. Jedes Akkordeon hat Links und wenn ich auf eines von ihnen klicke, lande ich auf einer eigenen Seite und natürlich sind alle Akkordeons zusammengebrochen, wenn ich zurückgehe. Stattdessen möchte ich auf die A....
15 Dez. 2020 im 13:55
Ich versuche ein Akkordeon zu erstellen, aber ich habe es nur geschafft, dass der erste zusammenklappbare Knopf richtig funktioniert, während die anderen zusammenklappbaren Knöpfe nicht nur nicht funktionieren, sondern auch überhaupt nicht angezeigt werden. Wenn ich das CSS für die Variable "content....
30 Nov. 2020 im 20:48
Ich habe ein zusammenklappbares Akkordeon in einem Formular platziert. Durch Drücken der Taste zum Ausbreiten breitet sich das Akkordeon aus und fällt sofort zurück. Wenn ich es nicht in das Formular einfüge, funktioniert es gut für mich. Dies ist der vereinfachte Code: index.html: <html> <head>....
28 Nov. 2020 im 20:28