# Anfrage Formular als Modalbox überschreibt beim schließen/öffnen meine collapse.js

**URL:** <https://forum.shopware.com/t/anfrage-formular-als-modalbox-ueberschreibt-beim-schliessen-oeffnen-meine-collapse-js/97674>\
**Category:** Programmierung\
**Created:** [19. Dezember 2022 um 15:49 UTC](https://forum.shopware.com/t/anfrage-formular-als-modalbox-ueberschreibt-beim-schliessen-oeffnen-meine-collapse-js/97674 "2022-12-19T15:49:52Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![00Ralph](https://avatars.discourse-cdn.com/v4/letter/0/a9a28c/32.png) [@00Ralph](https://forum.shopware.com/u/00Ralph)\
**Post date:** [19. Dezember 2022 um 15:49 UTC](https://forum.shopware.com/t/anfrage-formular-als-modalbox-ueberschreibt-beim-schliessen-oeffnen-meine-collapse-js/97674/1 "2022-12-19T15:49:52Z")

</div>

Hallo zusammen, vielleicht kann mir ja hier jemand weiterhelfen 🙂

Ich möchte das Anfrage Formular in einer Modalbox (Pop-Up) auf der Detail Seite öffnen, das funktioniert soweit auch. Allerdings wird nach dem schließen dieser Modalbox mein collapse-skriptjs inkorrekt ausgeführt. Inkorrekt in dem Sinn, dass ich nicht mehr durch Klick auf die collapse–Header Klasse meinen Inhalt iin collapse-Content anzeigen kann (was vor dem Öffnen/Schließen der Modalbox ohne Probleme funktionierte). In der collapse-skript.js habe ich mich zusätzlich auf onRequestDataCompleted subscribed, aber auch das löst nicht das Problem.

Hier der Code zum Aufrufen der Modal-Box:

```auto
<div class="collapse--header" data-name="collapser">
        <strong>Fragen zum Artikel?</strong>
        <span class="collapse--toggler">
    </span>
    </div>
    <div class="collapse--content">
        <br>
        <span>
            <p style="text-align: center">Wunschgröße oder Farbe nicht verfügbar? <br>
            Schick uns deine Daten und wir kümmern uns um deine Extrawurst:</p>
{* {if $sInquiry}*}
                {s name="DetailLinkContact" namespace="frontend/detail/actions" assign="snippetDetailLinkContact"}{/s}
                <a href="{$sInquiry}" rel="nofollow" class="content--link link--contact"
                   title="{$snippetDetailLinkContact|escape}" data-modalbox="true" data-targetSelector="a" data-mode="ajax" data-height="750" data-width="750" data-name="inquiry">
                    <button class="buybox--button-extraw" name="Extrawurst Anfrage"><i
                                class="icon--arrow-right"></i><strong>Extrawurst Anfrage</strong></button>
                </a>
</span></div>

```

Die Logik für die Collapse Klassen ist folgende:

```auto
$(function () {
    StateManager.addPlugin('.collapse--header', 'swCollapsePanel', ['xs', 's', 'm', 'l', 'xl']);
    $.subscribe('plugin/swAjaxVariant/onRequestDataCompleted', function() {
        StateManager.addPlugin('.collapse--header', 'swCollapsePanel', ['xs', 's', 'm', 'l', 'xl']);
    });
});

```

Verkleinern lässt sich das ganze nach dem Schließen noch, jedoch kann ich es danach nicht mehr expandieren, also den collapse-content anzeigen lassen.

Hat zufällig jemand eine Idee, an was das liegen könnte?