PHPackages                             ralfhortt/accordion - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. ralfhortt/accordion

Abandoned → [ralfhortt/accordion-block](/?search=ralfhortt%2Faccordion-block)Wp-block

ralfhortt/accordion
===================

022[2 issues](https://github.com/Horttcore/accordion/issues)JavaScript

Since Apr 3Pushed 5y ago1 watchersCompare

[ Source](https://github.com/Horttcore/accordion)[ Packagist](https://packagist.org/packages/ralfhortt/accordion)[ RSS](/packages/ralfhortt-accordion/feed)WikiDiscussions master Synced today

READMEChangelog (1)DependenciesVersions (2)Used By (0)

Accordion
=========

[](#accordion)

A simple accordion block

Installation
------------

[](#installation)

Install via composer

- `$ composer require ralfhortt/accordion-block`

Import the block (set the right path)

- `import "${PATH}/vendor/ralfhortt/accordion-block";`

Features
--------

[](#features)

- Native html elements (details / summary)
- Title
- InnerBlocks
- Initial state: open

### Keywords

[](#keywords)

- Accordion
- Toggle
- Collapsable

FAQ
---

[](#faq)

### Styling the triangle

[](#styling-the-triangle)

Checkout this [CSS-Tricks article](https://css-tricks.com/quick-reminder-that-details-summary-is-the-easiest-way-ever-to-make-an-accordion/)

Changelog
---------

[](#changelog)

### v2.0

[](#v20)

- Add: isOpen display option
- Remove bower and npm support

### v1

[](#v1)

- Initial release

###  Health Score

19

↑

LowBetter than 10% of packages

Maintenance20

Infrequent updates — may be unmaintained

Popularity6

Limited adoption so far

Community7

Small or concentrated contributor base

Maturity36

Early-stage or recently created project

 Bus Factor1

Top contributor holds 100% of commits — single point of failure

How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window.

**Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores.

**Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement.

**Maturity (30%)** — Project age, version count, PHP version support, and release stability.

### Community

Maintainers

![](https://www.gravatar.com/avatar/45d54752dcf3da868ffe4a5ad2b876d6acb911fd914700b52e4d4777ff7d4a02?d=identicon)[Ralf Hortt](/maintainers/Ralf%20Hortt)

---

Top Contributors

[![Horttcore](https://avatars.githubusercontent.com/u/503252?v=4)](https://github.com/Horttcore "Horttcore (26 commits)")

---

Tags

blockgutenbergwordpress

### Embed Badge

![Health badge](/badges/ralfhortt-accordion/health.svg)

```
[![Health](https://phpackages.com/badges/ralfhortt-accordion/health.svg)](https://phpackages.com/packages/ralfhortt-accordion)
```

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)