如何在容器中保留动画div

Question

我在另一个容器div中有4个tile div。

当点击div时，其他3消失。

我试图在点击后点击容器div上点击的div但是它没有用完。

我怎样才能让div为我最小化的div所留下​​的空白区域设置动画？

这是我的代码唯一区别是div的位置，因为JsFiddle的结果窗口小于我的浏览器：

<h1 id ='title'>Welcome to TalposMedia</h1>
<div class='navTilesContainer'>
    <div id="profile" class="navTile topLeft"><p>Profile</p></div>
    <div id="contact" class="navTile topRight"><p>Contact</p></div>
    <div id="showcase" class="navTile bottomLeft"><p>Showcase</p></div>
    <div id="resume" class="navTile bottomRight"><p>Resume</p></div>
</div>

https://jsfiddle.net/w15ond4L/

Answer 1

    $target.animate({
        height  : '+=335px',
        width   : '100%',
        top     : 0,
        left    : 0