JavaScript Funktion, die nach ::after ausgeführt wird

Moin zusammen,

ich bin eigentlich schon ziemlich weit gekommen mit JS. Allerdings bin ich jetzt am Ende mit meinem Latein.

Ich habe eine JS Funktion geschrieben, die auf der Seite Input-Felder aus- bzw. einblendet, je nach Wert eines Checkbox-Wertes.

Nun hat sich in meinem Shopsystem durch hinzufügen eines Plugins der Bereich mit den Feldern und der Checkbox verschoben.

Er wird nun erst nach Klick auf ein Radio Button eingeblendet. Dies wurde mit CSS ::after (Pseudo Element) implementiert.

Somit stehen die Felder im DOM nicht zur Verfügung und meine Funktion im jQuery(document).ready(function( $ ) funktioniert nicht mehr.

Wie kann ich die Funktion aufrufen, wenn im DOM nach Klick auf den Radio Button die Felder eingeblendet sind.

Das click-Event auf dem Radio Button ist zu früh, auch hier stehen die Felder noch nicht zur Verfügung.

Ich hoffe, dass ich mich einigermaßen verständlich ausgedrückt habe und jemand eine Idee für mich hat.

LG

Micha

Da kann ich auch nicht helfen, ich habe ::before/::after noch nicht durchdrungen. In meinem Fall habe ich jetzt eine Lösung:

Da irgendwann mit ::after die Elemente ja doch zur Verfügung stehen, habe ich jetzt einen Timer, der prüft, ob das Element da ist:

var checkExist = setInterval(function() {
  if ($('.tm-epo-field').length) {
    clearInterval(checkExist);
    personDoppel=document.getElementsByClassName("tm-epo-field");

    // My functionality for the element personDoppel
  }
}, 10); // check every 10ms

und dann kann ich meine Funktionen ablaufen lassen. Das ist gewiss sehr unsauber, aber eine andere Möglichkeit habe ich nicht gefunden.