jQuery滑动开关

有没有办法用jQuery实现这一点

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

但不是让它先“屏蔽”空间吗？目前，我有一个元素列表，如果单击一个名称，它会垂直展开一个部分。不幸的是，它首先会打开一大块空白空间来为动画腾出空间

有没有一种方法可以制作这样一个动画，盒子会随着内容的增长而增长，类似于“盲”呢

--

---

下面是一个示例，但是它没有使用幻灯片动画，而是使用盲动画。

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

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

---

你能给我们更多的代码吗？或者最好是一个JSFIDLE和一个例子？