Funcionalidad JavaScript GSAP Revelar - OV DIVI

<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.7.1/gsap.min.js" crossorigin="anonymous" referrerpolicy="no-referrer"></script>

<script>
jQuery(document).ready(function($){
  // Variables
  const body = document.body;
  const headFoot = $('.et-l.et-l--footer, .et-l.et-l--header, #main-header');
  const triggers = $('.ov-btn-revelar');
  const homeSection = $('.ov-seccion-revelar-principal > *');
  const backButtons = $('.ov-btn-revelar-regresar');

  // Ajustes trigger
  triggers.each(function(){
    let listClassName = $(this).attr('class').split(' ');
    let revealClassName = String(listClassName[listClassName.indexOf(listClassName.find(element => element === 'ov-btn-revelar')) + 1]);
    const sectionReveal = $('.ov-revelar-contenido.' + revealClassName);
    const colReveal = $('.ov-revelar-contenido.' + revealClassName + ' .et_pb_column');

    // Ajustes GSAP
    let tween = gsap.timeline({paused: true});

    // Efecto Fade Out a la sección revelar principal
    tween.to(homeSection, {
        duration: 0.4,
        autoAlpha: 0,
        y: 40
    });

    // Animación para revelar sección
    tween.to(sectionReveal, {
        duration: 0.6,
      	delay: 0.2,
        y: 0,
        ease: "expo"
    });

    // Animacion revelar columna
    tween.fromTo(colReveal, {
        delay: 0,
      	delay: 0.4,
      	clipPath: "polygon(-20% -20%, 120% -20%, 120% -20%, -20% -20%)"
    },
    {
        duration: 0.3,
        ease: "power1.inOut",
        stagger: 0.15,
        clipPath: "polygon(-20% -20%, 120% -20%, 120% 120%, -20% 120%)"
    }, "=-0.4");

    // Reproducir animaciones al hacer clic en el botón
    $(this).on('click', function(e){
      e.preventDefault();
      body.classList.add('ov-contenido-open');
      tween.play();
      headFoot.toggleClass("hide");
    });

    // Boton regresar - Revelar animación
    backButtons.on('click', function(){
      body.classList.remove('ov-contenido-open');
      tween.eventCallback("onReverseComplete", function(){
        headFoot.toggleClass("hide");
      });
      tween.reverse();
    });
  })
});
</script>