JQUERY手風琴是跳動/ snappy

Question

上面是一套手風琴的小提琴。

當你點擊手風琴來打開和關閉它們時，過渡非常活躍並且幾乎是跳動的。

這裏是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的高度。