Drupal is a registered trademark of Dries Buytaert
drupal 11.3.7 Update released for Drupal core (11.3.7)! drupal 11.2.11 Update released for Drupal core (11.2.11)! drupal 10.6.7 Update released for Drupal core (10.6.7)! drupal 10.5.9 Update released for Drupal core (10.5.9)! cms 2.1.1 Update released for Drupal core (2.1.1)! drupal 11.3.6 Update released for Drupal core (11.3.6)! drupal 10.6.6 Update released for Drupal core (10.6.6)! cms 2.1.0 Update released for Drupal core (2.1.0)! bootstrap 8.x-3.40 Minor update available for theme bootstrap (8.x-3.40). menu_link_attributes 8.x-1.7 Minor update available for module menu_link_attributes (8.x-1.7). eca 3.1.1 Minor update available for module eca (3.1.1). layout_paragraphs 2.1.3 Minor update available for module layout_paragraphs (2.1.3). ai 1.3.3 Minor update available for module ai (1.3.3). ai 1.2.14 Minor update available for module ai (1.2.14). node_revision_delete 2.0.3 Minor update available for module node_revision_delete (2.0.3). moderated_content_bulk_publish 2.0.52 Minor update available for module moderated_content_bulk_publish (2.0.52). klaro 3.0.10 Minor update available for module klaro (3.0.10). klaro 3.0.9 Minor update available for module klaro (3.0.9). layout_paragraphs 2.1.2 Minor update available for module layout_paragraphs (2.1.2). geofield_map 11.1.8 Minor update available for module geofield_map (11.1.8).

ckeditor_accordion

16,982 sites Security covered
View on drupal.org

Allows users to create & display content in an accordion.

Description
Adds a new button to Drupal's built in CKEditor which allows the user to create & display any type of content in an accordion format.

The styling is minimal blue and easily over writeable by developers.

Version 2 supports both CKEditor 4 & 5, with an upgrade path included for those looking to upgrade their version.

CKEditor 5 Installation

  1. Install & Enable the module
  2. Open Administration > Configuration > Content authoring > Text formats and editors (admin/config/content/formats)
  3. Edit a text format's settings (usually Basic HTML)
  4. Drag n Drop the Add Accordion -button to the toolbar to show it to the users

CKEditor 4 Installation

  1. Install & Enable the module
  2. Open Administration > Configuration > Content authoring > Text formats and editors (admin/config/content/formats)
  3. Edit a text format's settings (usually Basic HTML)
  4. Drag n Drop the Add Accordion -button to the toolbar to show it to the users
  5. Scroll down to the bottom to the input Allowed HTML tags
  6. Find and replace <dl> with <dl class>

    This makes sure CKEditor doesn't remove the class name that the accordion uses.

Activity

Total releases
3
First release
Mar 2025
Latest release
9 months ago
Release cadence
47 days
Stability
100% stable

Release Timeline

Releases

Version Type Release date
2.3.0 Stable Jun 25, 2025
2.2.2 Stable Mar 24, 2025
2.2.1 Stable Mar 24, 2025