Page test - Burrows Interactive
16149
page-template-default,page,page-id-16149,bridge-core-2.8.0,qode-listing-1.0.1,qode-news-1.0,qode-quick-links-1.0,qodef-qi--no-touch,qi-addons-for-elementor-1.7.5,qode-page-transition-enabled,ajax_fade,page_not_loaded,,qode-title-hidden,qode-theme-ver-26.5,qode-theme-bridge,bridge,wpb-js-composer js-comp-ver-6.6.0,vc_responsive,elementor-default,elementor-kit-17687

I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

CSS Accordion

A simple solution for creating a pure CSS accordion with a CSS transition on the panel height, achieved by setting “max-height” of the accordion panel instead of “height”.

Adjust the SCSS variables to modify the colours and size of the accordion.

Frequently Asked Questions


My name is Matt, although I go by mxttsco online which originates from my name “Matthew Scott”. I replaced the “a” with an “x” to be cool… It worked, right?


I’m a web developer by day, and a web developer by night. I live a very exciting life.


Nothing magical going on here. All we’re doing is taking advantage of radio inputs and styling adjacent divs to display when an input is selected.


I’ve been developing websites for nearly 10 years, with the majority of those years spent using WordPress.


I’m on Twitter! You can follow me by clicking on the link to the right of this box!