垂直中心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/