jQuery滑动开关

Question

有没有办法用jQuery

来做到这一点

$(this).toggle(
    "slide", 
    {
        direction: 'up',
        duration: 'slow',
        easing: 'easeOutQuart'
    }
);

但是没有先“阻挡”空间？目前我有一个元素列表，如果你点击一个名字，它会垂直展开一个部分。不幸的是，它首先打开一大块空白空间，为动画腾出空间。

有没有办法做这个动画，随着内容的增长，框增长，类似于“盲目”？

- -

以下是structure的示例，但它不使用幻灯片动画，而是使用盲动画。

Answer 1

我略微改变了示例的JavaScript。现在内容以正确的方式滑出......

$('.trials h4').bind(
    'click', 
    function() {  
            $(this).parents(".trials").children(".trial_container").slideToggle('slow');
               return false;
});