Ich habe das Thema mal verschoben da es nichts mit dem Kauf zu tun hat. Das Einklappen ist CSS und wie folgt umgesetzt:
.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;
}Der Rest ist Templatecode, HTML, Javascript und CSS. Ich bin hier am Testen ob sich davon etwas für künftige Stile eignet.
Klasse, genau das habe ich gesucht, Es handelt sich um einen alten Beitrag aber kannst Du mir ev sagen warum der Button nur bei Hauptkategorien funktioniert? Unterkategorien reagieren zwar auch aber der Button hüpft nicht wie bei Hauptkategorien von links nach rechts.
Danke LG