Skip to content
  • Guide TYPO3
  • Login / Account
  • Functions / Extensions
  • Audio / Video
  • Terms of Use
  • FAQs
  • de
  • en
  • Central Information Technology (TYPO3-Team)
  • IT Service Center (ITSZ)
  • Technical University of Munich
Technical University of Munich
  • Home
  • News from TYPO3 Team
  • Webpool
    • Non-faculty institutions
    • 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)
    • Corporate Research Centers
    • Munich School of Politics and Public Policy
    • TYPO3 Web-Archive
  • Service
    • Offer
    • Terms of use
    • Requirement
  • Documentation
    • TYPO3 basics
      • Terms
      • Module bar
      • Page tree
      • Filelist
      • Recycler
    • User management
      • Registration and login
      • Permission concept
      • Groupdelegation
    • Pages
      • Page types
      • Create a page
      • Visibility
      • Order pages
      • Delete pages
      • Scheduled publishing
      • Page layout
    • Content elements
      • Page content types
      • Create Page content
      • Headers
      • Text & Media
        • Images
        • Image gallery
        • Slideshow
        • Alternative text for images
        • Image cropping
      • Audio & video
        • Embedding audio files
        • Embedding videos
      • Tables
      • File Links
      • Menu
      • Insert records
      • Rich Text Editor (RTE)
      • Adding links
        • Manage anchors
      • Spacing between content elements
      • Multi-column content
      • Accordion Functionality
      • Frames & Boxes
      • Social Media Box
    • Extensions
      • CurlContent
      • TUM MemberList
      • TUMcourses
      • TUMvCard
      • News
      • TUMFIS
      • T3UP Carousel
      • iframe with consent
    • English version
    • Contact area
    • Accessible content
    • Legal matters
    • Maps
      • Maps with Google Maps
      • Maps with BayernAtlas
  • FAQs
  • Contact
  • Sitemap
  1. Home
  2. Documentation
  3. Content elements
  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

TYPO3 News

14.04.2026

TUMFIS is now available (Open Beta)

23.03.2026

Structured Data and JSON‑LD available

25.02.2026

New functions: Image cropping and Anchor links

21.01.2026

New Security Concept - User Accounts

01.08.2025

We are in OTRS!

RSS Feed

TUM TYPO3 (ZIT)

Richard-Wagner-Str. 18
80333 München
typo3@tum.de

  • Privacy
  • Imprint
  • Accessibility