Как сделать jquery toggle smoother

Question

Я использовал приведенный ниже код JQuery для переключения элемента div. Toggle прекрасно работает, но он не выглядит гладким. Итак, я прошу вас, чтобы люди стали более гладкими и помогли мне справиться с этой раздражающей функцией.

function toggleDiv(footerExpanded) { 
$("#"+footerExpanded).toggle(); 
} 

Answer 1

Вы можете использовать длительность, как в ниже -

$("#"+footerExpanded).toggle("slow", function() { 
    // Animation complete. 
}); 

или просто

$("#"+footerExpanded).toggle("slow"); 

или

$("#"+footerExpanded).toggle(200); 
$("#"+footerExpanded).toggle(100); 

по умолчанию является 400

Answer 2

Вы можете посмотреть в CSS3 transition-duration, а затем просто изменяя CSS внутри toggleDiv и CSS будет обрабатывать анимацию для вас :) Из личного опыта это намного более гладко.

Answer 3

Это помощь?

function toggleDiv(footerExpanded) { 
    $("#"+footerExpanded).toggle('slow','swing'); 
}