使用tweenMax悬停时显示边框

Question

当我通过JS悬停在html元素上时，我试图添加彩色边框，我选择使用TweenMax库，但我是新手，所以我不太了解自己在做什么错，这是我的，自今天早上起，我正尝试对代码进行调试，但收效甚微，这是我的功能：

self.$('p').hover(function() {
       console.log('ok');
       var $t = $(this);
       var $a = $(this).find('a');
       $(this).lvBtnUnderline('over');
       TweenMax.to($p, .5, {
       color: '#FF0000'
    });
    TweenMax.to($t, .5, {
       borderLeftColor: '#FF0000',
       opacity: .5
    });
    }, function() {
      var $t = $(this);
       var $a = $(this).find('a');
      $(this).lvBtnUnderline('out');
      TweenMax.to($p, .5, {
        color: '#FFFFFF'
      });
TweenMax.to($t, .5, {
    borderLeftColor: '#FFFFFF',
    opacity: 0
});
});

    this is my html element     
       <p>
        <a class="certificato" 

         href="../sites/all/themes/lazzeri/assets/ifs_certificato.pdf" 
         target="_blank">
         <div>Scarica Certificato IFS</div>
         <div class="underline"></div>
        </a>
        </p>

它应该显示一个红色边框和一些其他动画，这些动画基于我在上面调用的lvBtnUnderline函数，但似乎无济于事，有人可以向我解释问题出在哪里吗？

Answer 1

第二，没有变量$p（至少在您共享的代码中）。解决这些问题后，它会起作用：

https://codepen.io/GreenSock/pen/MWYeaXq?editors=0010