JQueryを使ってVH1の "Pop Up Video"効果を得るには？

Question

誰かがバブル全体が拡大する "VH1 Pop Up video"エフェクトを作り直してくれることを願っており、最後にイージング効果があります。

私はいくつかのディスプレイを備えたリストを持っています：リストの各項目に隠されたDIVはありません。

ユーザーが各リストアイテムをクリックすると、隠されたDIVが成長し、下の最初の例のようにバウンスすることが期待されました。
​​：私はこれを行う場合には、第2の例のように、オブジェクトの残りの部分と

に沿って拡張していない第一の例の問題点は、（.bubbleこの場合）要求されたDIV内の要素があること
私のバブルが素敵easeOutBackとともに成長しますが、.bubble内のサブ要素が をスケーリングしていない（私はこれを行う場合は、「規模、この要素とその子供たち」

を指定する方法があるかもしれません：
$(this).children(".bubble").effect("scale", {origin:['middle','bottom'], from:{width:0,height:0}, percent: 100, direction: 'horizontal' }, 1000);を？
バブルと内容のスケールはきれいですが、分かりませんイージング効果を追加する方法。
$(this).children(".bubble").show('scale', { percent: 100 }, 1000, "easeOutBack");
まだありません緩和：

は、私は、これを試してみました。

ご協力いただければ幸いです。

Answer 1

quick jsFiddleから、オプションオブジェクトにeasingプロパティを追加できるようです。 http://jsfiddle.net/bstakes/3RNSS/

$(this).children(".bubble").effect("scale", { 
    origin:['middle','bottom'], 
    from:{width:0,height:0}, 
    percent: 100, 
    direction: 'horizontal', 
    easing : "easeOutBack" // added easing 
}, 1000); 

Answer 2

あなたが既に持っているスケール効果を連鎖することはどうですか？ 120％に戻って100に戻り、2番目の効果をもっと速くします。

$(this).children(".bubble").effect("scale", 
            {origin:['middle','bottom'], 
            from: {width:0,height:0}, 
            percent: 120, 
            direction: 'horizontal' }, 
            1000) 
          .effect("scale", 
            {origin:['middle','bottom'], 
            from: {width:0,height:0}, 
            percent: 100, 
            direction: 'horizontal' }, 
            200);