Проблема с отрывистой анимацией в jQuery

Я делал это несколько раз без проблем, но по какой-то причине это проблема Здесь . Скольжение вниз начнет работать (1/3) как обычно, а затем все внезапно дернуться и закончить анимацию. скольжение вверх работает нормально. это случай slideDown (), slideToggle и .animate () как ни странно, если я также переключаю непрозрачность в функции анимации, она не дергается, но мой текст на короткое время меняет цвет.

HTML:

Phthalate Free: 

    

    Dibutyl Phthalate is linked to cancer and is present in nail polish, perfume, soft plastics and skin care products.
    

CSS: я читал еще, что поля могут вызывать рывки, но это не помогает

    h2{color:#76DEFC; margin:0px;}
    .yamikowebsToggler{margin:0px;}
    p{margin:0px; color;#000000;}

JQUERY :

$(document).ready(function(){
    $(".yamikowebsToggler").fadeOut(0);
    $("h2").click(function()
    {
        $(this).next(".yamikowebsToggler").stop(true, true).animate(
        { height: 'toggle' }, 
        {
            duration: 1000,
        });
    })
});