Akkordeon
Über das Pattern
JavaScript
Anwendung
import { wmAccordion } from './accordion.js';
const accordion = new wmAccordion()
accordion.init()
/* oder mit Parametern: */
const accordion = new wmAccordion({
class: '.my-custom-accordion-class',
header_class: '.my-custom-accordion-class',
panel_class: '.my-custom-accordion-class',
id: 'myid',
first_open: false,
collapse_all: true
})
accordion.init()Dependencies
utils.js
Parameter und Anwendung in Nunjucks
# Parameter accordion(open, mobile)
open: "boolean" # true -> Erstes Element ausgeklappt (default: false)
mobile: "boolean" # true -> Wird nur auf kleinen Bildschirmen als Akkordeon dargestellt (default: false)
# Parameter accordionItem(text, icon_id)
text: "string" # Aufklapptext des Akkordeon-Elements
icon_id: "string" # (default: chevron-down) ID des Icons, das neben dem Aufklapptext angezeigt wird
# Anwendung
## Die Javascript-Datei "accordion.js" muss eingebunden sein
{% from "components/accordion/accordion.njk" import accordion, accordionItem with context %}
{% call accordion() %}
{% call accordionItem(text = 'Titel') %}
<p>Text- oder HTML-Inhalt</p>
{% endcall %}
{% endcall %}Variationen
Akkordeon Standard
1., Parkring von Kreuzung Dr.-Karl-Lueger-Platz und Weiskirchnerstraße bis Kreuzung Zedlitzgasse
Gleisbau von 10.06.2019 bis 08.09.2019
Sperre von 2 Fahrstreifen am Ring von 22:00 Uhr bis 5:00 Uhr über die gesamte Bauzeit. Maßnahmen für 2 Wochen zwischen 1.7. bis 1.9.: - Der Bereich Weiskirchnerstraße von Dr.-Karl-Lueger-Platz und Parkring bis Ende des Fahrbahnteilers auf Seite des Stadtparkes wird für den Fahrzeugverkehr gesperrt. - Der Bereich Weiskirchnerstraße wird von Dr.-Karl-Lueger-Platz und Parkring bis und in Richtung Fritz-Wotruba-Promenade und Stubenbrücke für den Fahrzeugverkehr als provisorische Einbahn geführt. - Die Autobuslinie 74 A wird von Invalidenstraße über Große Ungarbrücke- Am Stadtpark Landstraßer Hauptstraße umgeleitet. sowie: - Der Bereich Weiskirchnerstraße von Dr.-Karl-Lueger-Platz und Parkring bis Nebenfahrbahn Stubenring wird für den Fahrzeugverkehr gesperrt. - Der Bereich Dr.-Karl-Lueger-Platz von Stubenring und Weiskirchnerstraße bis Nebenfahrbahn Stubenring wird für den Fahrzeugverkehr gesperrt. - Der Bereich Weiskirchnerstraße wird von Dr.-Karl-Lueger-Platz und Parkring bis und in Richtung Fritz-Wotruba-Promenade und Stubenbrücke für den Fahrzeugverkehr als provisorische Einbahn geführt. - Die Autobuslinie 74 A wird von Vordere Zollamtsstraße über Oskar-Kokoschka-Platz Stubenring umgeleitet. Maßnahmen für 4 Wochen im Zeitraum zwischen 1.7. bis 1.9.: - Sperre eines Fahrstreifens am Parkring von 5:00 Uhr bis 22:00 Uhr. - Sperre eines Fahrstreifen Ausfahrt Dr.-Karl-Lueger-Platz in Parkring
Kontakt: Wiener Linien GmbH & Co KG Kundentelefon Wiener Linien, Telefon: Tel.: 01-7909/100
1., Tuchlauben von Kreuzung Bognergasse bis 2
Rohrlegung von 27.05.2019 bis 31.07.2019
Während der Bauarbeiten verbleibt immer eine lichte Durchfahrts- bzw. Durchgangsbreite von mind. 3,50 m. Außerhalb der Arbeitszeit ist die Künette im Fahrbahnbereich verkehrssicher überbrückt.
Kontakt: Wiener Netze - Bereich Fernwärme Gerhard Baumann, Telefon: Tel.: 050128/32740
HTML
Laden…Nunjucks
Laden…Akkordeon Standard mit erstem Element offen
1., Parkring von Kreuzung Dr.-Karl-Lueger-Platz und Weiskirchnerstraße bis Kreuzung Zedlitzgasse
Gleisbau von 10.06.2019 bis 08.09.2019
1., Tuchlauben von Kreuzung Bognergasse bis 2
Rohrlegung von 27.05.2019 bis 31.07.2019
HTML
Laden…Nunjucks
Laden…Akkordeon auf kleinem Bildschirm
- Wird bis zu einer Bildschirmgröße von 768px als Akkordeon dargestellt.
- Wird ab einer Bildschirmgröße von 768px als Liste dargestellt.
1., Parkring von Kreuzung Dr.-Karl-Lueger-Platz und Weiskirchnerstraße bis Kreuzung Zedlitzgasse
Gleisbau von 10.06.2019 bis 08.09.2019
1., Tuchlauben von Kreuzung Bognergasse bis 2
Rohrlegung von 27.05.2019 bis 31.07.2019
HTML
Laden…Nunjucks
Laden…Akkordeon in Flipcard
Informationen zum Inhalt
Dieser Inhalt wird von der Stadt Wien kostenfrei gemäß Creative Commons CC-BY 4.0 zur Verfügung gestellt.
- Kontakt: redaktion@wien.gv.at
- Letzte Aktualisierung:2.07.2024, 22.47 Uhr
- Eindeutige ID dieses Inhalts:Xa3Y2f
- Maschinenlesbar mit Metadaten:JSON
- Nutzungsbedingungen
Diesen Inhalt teilen
Infocards
Diesen Inhalt einbetten
Der eingebettete Inhalt aktualisiert sich automatisch, sobald wir ihn auf wien.gv.at ändern.
HTML
Laden…Nunjucks
Laden…