jquery - 一部の要素を非表示にした後、CSS3トランジションで要素をアニメーション化する方法

Question

jQueryの.fadeOut().

ここである種の解決策を見つけました（「グリッドでも機能する」セクションを参照）：

ただし、私の場合は次のようになります: http://jsfiddle.net/CUzNx/5/

<div class="container">
    <div id="item1" class="item">Test1</div>
    <div id="item2" class="item">Test2</div>
    <div id="item3" class="item">Test3</div>
    <div id="item4" class="item">Test4</div>
    <div id="item5" class="item">Test5</div>
    <div id="item6" class="item">Test6</div>
    <div id="item7" class="item">Test7</div>
</div>

<div style="clear:both">
<button onclick="$('#item1').fadeOut();">
   Hide first
</button>
<button onclick="$('#item1').fadeIn();">
   Show first
</button>
</div>

フローティング div 要素があり、一部の要素が非表示になった後、他の要素がアニメーション化されていると便利です。出来ますか？