Ich habe das Thema mal verschoben da es nichts mit dem Kauf zu tun hat. Das Einklappen ist CSS und wie folgt umgesetzt:
CSS
.wbbBoardList .wbbCollapsibleCategory h2 > .collapsibleButton,
.wbbBoardList .wbbCollapsibleCategory.jsCollapsed h2 > .collapsibleButton {
transform: rotate(0deg);
background-color: darken($wcfContentBorder,5%);
width: 35px;
height: 20px;
border-radius: 20px;
}
.wbbBoardList .wbbCollapsibleCategory h2 > .collapsibleButton::before {
content: "";
width: 16px;
height: 16px;
border-radius: 50%;
background-color: $wcfContentBackground;
padding: 4px;
position: absolute;
top: 2px;
}
.wbbBoardList .wbbCollapsibleCategory.jsCollapsed h2 > .collapsibleButton::before {
right: 2px;
}
.wbbBoardList .wbbCollapsibleCategory:not(.jsCollapsed) h2 > .collapsibleButton::before {
left: 2px;
}
Alles anzeigen
Der Rest ist Templatecode, HTML, Javascript und CSS. Ich bin hier am Testen ob sich davon etwas für künftige Stile eignet.