/ / Schließen Sie alle Responsive-Akkordeon Tabs auf einem kleinen Bildschirm? (Foundation 6.3) - Tabs, Zurb-Foundation, Akkordeon, responsiv

Schließen Sie alle Responsive-Akkordeon Tabs auf einem kleinen Bildschirm? (Foundation 6.3) - Tabs, Zurb-Foundation, Akkordeon, responsiv

Es fällt mir also schwer, herauszufinden, warum ich meine Akkordeon-Tabs nicht mit den reaktionsfähigen Tabs von Foundation 6.3 (https://foundation.zurb.com/sites/docs/responsive-accordion-tabs.html). Ich versuche ihre Javascript-Referenz zu verwenden: (https://foundation.zurb.com/sites/docs/accordion.html#up).

Dies scheint nur für das Akkordeon zu funktionieren, aber nicht für Akkordeons Tabs. Code Pen zum Zeigen:https://codepen.io/jinch/pen/RQxQNG

//This code only collapses the "Reugular Accordion" and NOT a responsive Accordion?
$("#regulare-accordion").foundation("up", $("#regulare-accordion .accordion-content"));

//This code does not working for the the "Responsive Accordion Tab"?
$("#responsive-tab-accordion").foundation("up", $("#responsive-tab-accordion .accordion-content"));

Kennt jemand einen Grund oder eine Lösung, wenn die Responsive Tabs verwendet werden? Ich muss alle auf kleinen Bildschirmen schließen, wenn möglich.

Antworten:

0 für die Antwort № 1

Bis jetzt implementiert die responsive Tab Akkordeon Komponente die Methoden der verwendeten Plugins nicht.

Sie können sie entweder mit CSS reduzieren oder die Methoden des Akkordeon-Plugins clonen und ihren Code ausführen.

Sehen https://github.com/zurb/foundation-sites/pull/10961 was noch nicht implementiert ist.