Mobil Akkordeon statt Offcanvas Button für Artikelbeschreibung, Bewertungen,

Hallo zusammen,

ich möchte Akkordeons für Artikelbeschreibung, Bewertungen,… statt dem Offcanvas Button in der mobilen Ansicht. Die Tabs sollen für größere Bildschirme erhalten bleiben.

Meine Lösung wäre wie folgt:

$(function() {
window.StateManager
.destroyPlugin(‚.tab-menu–product .tab–container‘, ‚swOffcanvasButton‘)
window.StateManager
.removePlugin(‚.tab-menu–product .tab–container‘, ‚swOffcanvasButton‘)
window.StateManager
.addPlugin(‚.tab-menu–product .tab–header‘, ‚swCollapsePanel‘, {
‚contentSiblingSelector‘: ‚.tab–content‘
}, [‚xs‘, ‚s‘]);
});

Grundsätzlich funktioniert es aber sobald ich ein Resize mache, wird das swOffcanvasButton Plugin anscheinend wieder aktiviert und mein Akkordeon ist weg.

Weiters wollte ich den Umsprungpunkt der Tabs ab ‚m‘ setzen. Ich habe es wie folgt probiert aber leider ohne Ergebnis:

window.StateManager.addPlugin('.tab-menu--product', 'swTabMenu', ['m', 'l', 'xl']);

Hat jemand eine Idee?