Анимация производится моя функция jQuery шаткая, и я искал различные решения SO, такие как добавление jquery.easing, но не повезло. Является ли проблема фреймами в каждом div?

Любые идеи о том, как сгладить анимацию? Является ли моя основная функция переключения лучшим способом?

JSFiddle: http://jsfiddle.net/gwLcD/8/

Основная разметка ниже, и повторяется много раз на странице (с блоками текста между каждым div "videotoggle"):

 <div class="videotoggle">

    <p><h2 class="entry-title">View a few minutes of the (title) video </h2></p>

    <div class="videoblock">

    <iframe width="560" height="315" src="http://www.youtube.com/embed/????????"
    frameborder="0" allowfullscreen></iframe>

    </div></div>

И функция:

$(document).ready(function(){
$(".videoblock").hide();  //closes all divs on first page load
$(".entry-title").click(function() {
    $this = $(this);  //this next code only allows one open div at a time
    $content = $this.closest('.videotoggle').find(".videoblock");
    if (!$this.is('.active-title')) {
        $('.active-title').removeClass('active-title');
        $this.addClass('active-title');
        $(".videoblock:visible").slideToggle(400);  //slide toggle
        $content.slideToggle(400);
    }
});
});