视口上的CSS3动画触发器

Question

我的想法是在h2元素出现在视口中时触发此边框底部过渡动画。

现在，我使用jQuery 1.7.2在JSFiddle中使用它，但无论出于何种原因它都不能在最新的jQuery中工作。

这是工作的jsfiddle：

http://jsfiddle.net/M2RzU/209/

$(document).ready(function(){
$('.underline').bind('inview', function (event, visible) {

  if (visible == true) {
    // element is now visible in the viewport
    $(this).addClass('full');
      console.log( "added ");
  } else {
    // element has gone out of viewport
     $(this).removeClass('full');
       console.log( "removed ");
  }
});

}）;

这是关于codepen和jsfiddle的工作：

http://jsfiddle.net/4645L2md/

知道它为什么不起作用吗？