# OffCanvas Menü schließen (JS, jQuery, StateManager) **URL:** \ **Category:** Themes & Design\ **Created:** [31. Dezember 2015 um 12:40 UTC](https://forum.shopware.com/t/offcanvas-menu-schliessen-js-jquery-statemanager/33286 "2015-12-31T12:40:27Z")\ **Posts on this page:** 5\ **Page:** 1
**Author:** ![mrtee](https://avatars.discourse-cdn.com/v4/letter/m/22d042/32.png) [@mrtee](https://forum.shopware.com/u/mrtee)\ **Post date:** [31. Dezember 2015 um 12:40 UTC](https://forum.shopware.com/t/offcanvas-menu-schliessen-js-jquery-statemanager/33286/1 "2015-12-31T12:40:27Z")
Hallo :shopware: - Community, aktuell versuche ich das OffCanvas Menü aus meinem eigenen jQuery Plugin zu schließen. Ich dachte mir, ich frage im StateManager ab, ob ich mich im XS oder S Bereich befinde und simuliere dann einfach einen Click oder auch Trigger-Click auf den “Menü schließen” Button. ` if(StateManager.getCurrentState() == 'xs') { console.log("close now"); $("div.tab--content.off-canvas.is--active.is--open div.buttons--off-canvas a.close--off-canvas").click(); } ` Der Log-Eintrag in der Console wird erstellt, aber das OffCanvas Menü bleibt weiterhin geöffnet. Wenn ich den Befehl über FireBug absetze, wird das Menü auch geschlossen, nur aus meinem Plugin nicht… Habe auch probiert über den Statemanager an swOffcanvasMenu zu gelangen um dann die Funktion closeMenu() aufzurufen, aber auch da kam ich zu keinem Ergebnis. Das vergeben der CSS-Klasse “entry–close-off-canvas” hat mich auch nicht weitergebracht, daher nun meinte bitte um Unterstützung durch euch. Danke, Gruß und guten Rutsch, mrtee 🙂 ---
**Author:** ![Stephan\_Pohl](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/stephan_pohl/32/10212_2.png) [@Stephan\_Pohl](https://forum.shopware.com/u/Stephan_Pohl)\ **Post date:** [4. Januar 2016 um 11:11 UTC](https://forum.shopware.com/t/offcanvas-menu-schliessen-js-jquery-statemanager/33286/2 "2016-01-04T11:11:34Z")
Hey @mrtee, guter Ansatz aber es geht einfacher als du denkst. Wir verwenden binden jedes Plugin „in memory“ an das DOM-Element, so dass du per ('.selector').data('plugin\_pluginName') drauf zugreifen kannst. So kommst du immer an die Instanz des Plugins ran und musst nicht probieren per Event eine Aktion auszulösen. Ich habe deinen Code einmal so modifiziert, dass es funktionieren sollte: [code] var offcanvasPlugin = (‚a[data-offcanvas=„true“]‘).data(‚plugin\_swOffcanvasMenu‘); if(StateManager.getCurrentState() == ‚xs‘ && offcanvasPlugin.isOpened) { offcanvasPlugin.closeMenu(); } [/code] Weitere Informationen zur Plugin-Basis findest du in unseren Developer Docs: [https://developers.shopware.com/designe … luginbase/](https://developers.shopware.com/designers-guide/javascript-statemanager-and-pluginbase/) Viele Grüße, Stephan Pohl :shopware: ---
**Author:** ![mrtee](https://avatars.discourse-cdn.com/v4/letter/m/22d042/32.png) [@mrtee](https://forum.shopware.com/u/mrtee)\ **Post date:** [4. Januar 2016 um 17:56 UTC](https://forum.shopware.com/t/offcanvas-menu-schliessen-js-jquery-statemanager/33286/3 "2016-01-04T17:56:43Z")
Hallo, @Stephan: Klasse - vielen Dank, das hat mir weitergeholfen :thumbup: 😃 Besten Gruß, mrtee ---
**Author:** ![hbee](https://avatars.discourse-cdn.com/v4/letter/h/f08c70/32.png) [@hbee](https://forum.shopware.com/u/hbee)\ **Post date:** [21. August 2016 um 07:14 UTC](https://forum.shopware.com/t/offcanvas-menu-schliessen-js-jquery-statemanager/33286/4 "2016-08-21T07:14:42Z")
hi, ich habe ein ähnliches Problem. Ich möchte das offCanvasMenu schließen und nach gleich ein anders öffnen. ich habe in den Tabs auf der Detailseite ein art konfigurator bei dem ich per klcik auf einen Button von einem Tab in den nächsten springe. Das klappt auf Desktop auch soweit. Hier kann ich ja den jeweiligen Tab anspringen. Mobile geht das leider nicht. Hier habe ich jetzt versucht dem button einfach die entsprechnden data-attribute zugeben. klappt leider nicht ``` Weiter ``` Wie schaffe ich das Tabmenü quasi fernzusteuern? Vielen Dank ---
**Author:** ![TeichDatensysteme](https://avatars.discourse-cdn.com/v4/letter/t/43a26b/32.png) [@TeichDatensysteme](https://forum.shopware.com/u/TeichDatensysteme)\ **Post date:** [22. Januar 2019 um 11:00 UTC](https://forum.shopware.com/t/offcanvas-menu-schliessen-js-jquery-statemanager/33286/5 "2019-01-22T11:00:18Z")
Ich würde das hier auch wieder aktivieren, ich komme auch nicht weiter, nach sehr sehr vielen Versuchen … Ich möchte einfach nur das gerade aktive Offcanvas Tab schließen - mehr nicht. Laut Ausgabe “passiert” was, das DOM zuckt nur, und schließen tut sich gar nichts. Ich schätze, dass ich nie die richtige Referenz zum Objekt packen kann … Mein Beitrag unter [https://forum.shopware.com/discussion/57789/offcanvas-ueber-plugin-swoffcanvasmenu-schliessen-geht-nicht](https://forum.shopware.com/discussion/57789/offcanvas-ueber-plugin-swoffcanvasmenu-schliessen-geht-nicht) hat bisher nichts ergeben … Schöne Grüße! Niklas