JQUERY 아코디언이 급격히 움직입니다.

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 세트가 있습니다. 이걸 가져 가세요. 그러면 당신의 snappiness가 사라집니다. 이 문제가 발생하는 이유는 display: none에서 display: block으로 바뀌면 즉시 70px의 높이가됩니다.