Custom Accordion Slider

Elementor ships an accordion widget, and for most pages it is enough. The trouble starts when it is not. The moment you need tabbed content that behaves like a slider — panels that expand in place, transition smoothly and reflow properly on a phone — the usual answer is to install a widget pack. You wanted one widget. You get forty, plus their stylesheet, plus their script, plus their upsell notices in your admin.

Custom Accordion Slider is the other option. It registers a single Elementor widget called Accordion Slider and does nothing else. No dashboard, no settings page, no telemetry, no licence prompt. If you remove it, the only thing that disappears is the widget.

That narrowness is the point. On a site where you are already fighting page weight, adding a bundle to get one component is a bad trade, and it is a trade a lot of Elementor builds make without noticing.

The plugin hooks into Elementor's widget registration and adds one widget class, defined in widget-accordion-slider.php. When Elementor renders a page containing the widget, it outputs the tab markup and enqueues the plugin's stylesheet and script. The script handles the expand and collapse behaviour and the animation timing; the stylesheet handles layout and the transition.

There is no build step, no external dependency and no request to any remote server. The whole plugin is two PHP files and an assets directory, which is why it adds so little to a page.

To use it: install and activate, edit any page with Elementor, search the widget panel for "Accordion Slider", and drag it in. The widget sits under Elementor's General category.