jquery - JQueryは.addClassとCSSトランジションを表示しますか?

Question

特定の JQuery 効果がどのように実装されたかを理解したい。このデザイン会社の Web サイトでは、「会社概要」セクションと「チーム」セクションにアクセスすると、タブレットと人物の写真が「ポップアップ」します。どうすれば効果を再現できますか?

ページからjqueryコードをコピーして貼り付けようとしましたが、うまくいきませんでした。誰かが私に欠けているものを教えてもらえますか?

jQuery('.animated').appear();
jQuery(document.body).on('appear', '.slide', function () {
    jQuery(this).each(function () {
        jQuery(this).addClass('ae-animation-slide')
    });
});

JSFiddleの完全なコードは 次のとおりです。