縦型センターjQueryアコーディオン

Question

this scriptを使用してjQueryアコーディオンを作成しました。 working jsFiddle hereをチェックしてください。

私はアコーデオンをページ上に垂直に中央に配置したいと思っている以外は素晴らしいです。アイデアは、アコーディオンの高さが変化すると、DIVは、常に垂直方向に中心合わせされるように再調整されるということです。アコーディオンはページの中央から拡大して見え、上から下に向かってスライドするように見えます。

Answer 1

アコーディオンコンテナを中心とするメソッドを書くことができます。このメソッドは、ロジックごとにスライドアニメーションが完了するたびに呼び出すことができます。

デモの作業

function centerIt(){ 
    var $accordion = $('.accordion'); 
    $accordion.css('top', ($(window).height() - $accordion.height())/2); 
} 

からhttp://jsfiddle.net/hDRMP/6/