集成动画.CSS与显示.JS

我已经在网上找了几个星期了,但似乎找不到一个简单的解决办法。我想用动画.CSS与显示.JS

我已经有以下代码:

        <div class="reveal">
        <div class="slides">

        <!-- Intro -->    
            <section data-transition="zoom">
                <div class="headlines-intro">
                    <p class="animated zoomIn">Headlines</p>
                    <h2 class="decorated animated fadeInDown delay-1s"><span><div id="day"></div> <div id="month"></div></span></h2>
                </div><!-- headlines-intro -->
            </section>
        <!-- /Intro -->    

        <!-- Greeting -->
            <section data-transition="zoom" data-autoslide="5000">
                <h1 class="greeting wow hinge">Goedemorgen!</h1>
            </section>
        <!-- /Greeting-->

        </div><!-- /slides -->
    </div><!-- /reveal -->

所有的动画现在触发时,页面加载,但我希望他们只被加载时,活跃的部分是在视图中。我如何做到这一点?我的JS/Jquery技能非常基础。