Hallo zusammen, ich hatte mir damals dieses Accordion Plugin installiert und es läuft auch sehr gut http://forum.shopware.de/templates-und-design-f14/accordion-menu-in-shopseite-einbinden-t5262-10.html?hilit=accordion#p28786 Jetzt wollte ich die Funktion ein wenig erweitern, habe aber keinen Plan, wie ich das anstellen könnte. Habe von Javascript nicht wirklich die Ahnung. Im Normalfall wird der toggle_container geschlossen, wenn ich auf den aktiven Trigger klicke oder einen anderen Trigger aktiv setze. Dies möchte ich auch beibehalten. Jedoch möchte ich auch, dass der Container sich schließt, wenn ich irgendwo auf die Seite klicke, so wie es im Backend bei den Menüs der Fall ist. Wie kann ich das lösen. Hier nochmal der Code dazu: {block name="frontend\_index\_header\_javascript\_inline" append} $(document).ready( function() { $('.toggle\_container').hide(); $('.trigger').click( function() { var trig = $(this); if ( trig.hasClass('trigger\_active') ) { trig.next('.toggle\_container').slideToggle('fast'); trig.removeClass('trigger\_active'); } else { $('.trigger\_active').next('.toggle\_container').slideToggle('fast'); $('.trigger\_active').removeClass('trigger\_active'); trig.next('.toggle\_container').slideToggle('fast'); trig.addClass('trigger\_active'); }; return false; }); }); {/block} Grüße Erik
Versuchs mal folgendermaßen: {block name="frontend\_index\_header\_javascript\_inline" append} $(document).ready( function() { var mouse\_is\_inside = false; $('.toggle\_container').hide(); $('.trigger').click( function() { var trig = $(this); if ( trig.hasClass('trigger\_active') ) { trig.next('.toggle\_container').slideToggle('fast'); trig.removeClass('trigger\_active'); } else { $('.trigger\_active').next('.toggle\_container').slideToggle('fast'); $('.trigger\_active').removeClass('trigger\_active'); trig.next('.toggle\_container').slideToggle('fast'); trig.addClass('trigger\_active'); }; return false; }); $('.toggle\_container').hover(function(){ mouse\_is\_inside=true; }, function(){ mouse\_is\_inside=false; }); $("body").mouseup(function(){ if(! mouse\_is\_inside) $('.toggle\_container').hide(); }); }); {/block} Hoffe das hilft, konnte es aktuell nicht ausprobieren.