.accordion-item { background-color: #f4f4f6; } .accordion-header { display: flex; align-items: center; cursor: pointer; } .accordion-header::before { content: '+'; font-size: 3.5rem; margin-right: 20px; } .active-header::before { content: '-'; } .accordion-content { max-height: 0; overflow: hidden; transition: 1s ease max-height; font-size: 1.5rem; }
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter