JQUERY手风琴是跳跃/活泼的

Question

http://jsfiddle.net/mickzer/3MbRJ/1/

上面是一组手风琴的小提琴。

当你点击手风琴来打开和关闭它们时，过渡非常活泼，几乎是跳跃。

这是JQUERY：

$('#accordion .hide').hide();
    $('#accordion .title .anchor').click(function(){

        $(this).parent().next().slideToggle();
        return false;

    });

    $('#accordion .title span:last').click(function () {

        $('#accordion .hide').slideUp();

    });

为什么会这样，以及如何阻止它发生。

由于

Answer 1

.hide已设置min-height: 70px。拿出来，你的快感消失了。导致问题的原因是当它从display: none变为display: block时，它的高度立即为70px。