.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