Skip to content
  • Anleitung TYPO3
  • Login / Account
  • Funktionen / Extensions
  • Audio / Video
  • Dig. Barrierefreiheit
  • Nutzungsbedingungen
  • FAQ
  • de
  • en
  • Central Information Technology (TYPO3-Team)
  • IT Service Center (ITSZ)
  • Technical University of Munich
Technical University of Munich
  • Startseite
  • Webauftritte
    • Nichtfakultäre Einrichtungen
    • TUM School of CIT
    • TUM School of ED
    • TUM School of LS
    • TUM School of MGT
    • TUM School of MH
    • TUM School of NAT
    • TUM School of SOT
    • TUM Graduate School (GS)
    • Integrative Research Institutes (IRI)
    • Technology Core Facilities (TCF)
    • Wissenschaftliche Zentralinstitute (WZI)
    • Hochschule für Politik
    • TYPO3 Web-Archiv
  • Service
    • Scope
    • Terms of Use
    • Requirement
  • Documentation
    • TYPO3 Basics
      • Terms
      • Module bar
      • Side tree
      • Filelist
      • Registration and login to the backend
      • Permissions concept
        • Groupdelegation
    • Working with Pages
      • Page types
      • Create a page
      • Hide/show pages
      • Sort/copy pages
      • Delete pages
      • Scheduled publishing
      • Change page layout
    • Working with Page content
      • Page Content types
      • Create Page content
      • Headers
      • Text & Media
        • Images
        • Image gallery
        • Slideshow
        • Alternative text for images
      • Audio & Video
        • Embed audio files
        • Embed video
      • Tables
      • File Links
      • Menu
      • Insert Records
      • Rich Text Editor (RTE)
      • Links setzen
      • Spacing between Content elements
      • Multi-column Content
      • Accordion Functionality
      • Frames & Boxes
      • Social Media Box
    • Extensions
      • CurlContent
      • TUM MemberList
      • TUMcourses
      • TUMvCard
      • News
      • iFrame with consent
      • T3UP Carousel
    • English Version
    • Contact Area
    • Legal Matters
    • Maps
      • Maps with Google Maps
      • Maps with BayernAtlas
  • Digital Accessibility
    • Quick Start for Editors
    • Leichte Sprache
  • FAQs
  • Contact
  • Sitemap
  1. Startseite
  2. Documentation
  3. Working with Page content
  4. Accordion Functionality

Accordion Functionality

An accordion is a content element that can be collapsed and expanded. This allows multiple content elements to be incorporated into a page while saving space.

Creating Accordion Elements

Screenshot: Accordion
Image: Accordion

You can activate the accordion functionality for almost any content element that uses a header field. (Exceptions include: Insert Records, Divider, and content elements where the Header-Type is set to Hidden).

  • Edit the content element that you want to turn into an accordion.
  • In the Appearance tab, select "Accordion" from the Frame options.

You can also create accordions in two or three columns.

Note

An accordion must have an entry in the Header field of the content element. This will be formatted uniformly with 16px. The following settings do not work with accordions: Insert Records, Divider, Header-Type=Hidden.

Example

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a diam lectus. Sed sit amet ipsum mauris. Maecenas congue ligula ac quam viverra nec consectetur ante hendrerit. Donec et mollis dolor. Praesent et diam eget libero egestas mattis sit amet vitae augue. Nam tincidunt congue enim, ut porta lorem lacinia consectetur. Donec ut libero sed arcu vehicula ultricies a non tortor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean ut gravida lorem. Ut turpis felis, pulvinar a semper sed, adipiscing id dolor. Pellentesque auctor nisi id magna consequat sagittis. Curabitur dapibus enim sit amet elit pharetra tincidunt feugiat nisl imperdiet. Ut convallis libero in urna ultrices accumsan. Donec sed odio eros. Donec viverra mi quis quam pulvinar at malesuada arcu rhoncus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In rutrum accumsan ultricies. Mauris vitae nisi at sem facilisis semper ac in est.

To top

TUM TYPO3 (ZIT)

Technical University
of Munich

Richard-Wagner-Str. 18
80333 München
typo3(at)tum.de

Information

We are utilizing the OTRS system for our support services. Your support requests will be processed as tickets, in a manner similar to what you may be accustomed to from the IT support. We encourage you to continue communicating with us via email at typo3(at)tum.de.

Membership

TYPO3 Academic Gold Member
  • Privacy
  • Imprint
  • Accessibility