jquery animate不会动画所有内容

Question

这是我的HTML

<article itemscope itemtype="http://schema.org/Service" class="service" id="service-{entry_id}" style="display: none;">
<div id="wrap1">
    <div class="inner">
        <!-- image in here -->
        <h1 itemprop="name">{title}</h1>
    </div>
</div>
<div id="wrap2">
    <div class="inner">
        <p itemprop="description">{description}</p>
        <a class="enquire-button" href="mailto:http://www.test.com?subject={title}">enquire about this product</a>
    </div>
</div>

这是我的js

 $('#' + id).animate({
            height: 'toggle'
        },
        duration,
        function() {
        }
    ); // end animate

我没有让图像动画化。突然间它只是跳进了视野。如何让整篇文章包括动画内容？