Flipbox script for click custom flipbox in Elementor

custom.js

<script>
(function($) {
  function setupFlipBoxes($scope) {
    $scope.find('.custom-flip-box').each(function () {
      const $flipBox = $(this);
      $flipBox.off('click').on('click', function () {
        $flipBox.toggleClass('flipped');
      });
    });
  }

  // Run on initial load (frontend and editor)
  $(document).ready(function () {
    setupFlipBoxes($(document));
  });

  // Run again when Elementor renders widgets in the editor
  $(window).on('elementor/frontend/init', function () {
    elementorFrontend.hooks.addAction('frontend/element_ready/html.default', setupFlipBoxes); // use .default to apply to all HTML widgets
    elementorFrontend.hooks.addAction('frontend/element_ready/container.default', setupFlipBoxes); // also useful for flex containers
  });
})(jQuery);
</script>