La animación producida por mi función jQuery es inestable, y he estado buscando diferentes soluciones SO, como agregar jquery.easing, pero no tuve suerte. ¿Es el problema los iframes en cada div?

¿Alguna idea sobre cómo suavizar la animación? ¿Es mi función de alternar básica la mejor manera?

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

El marcado básico está debajo y se repite varias veces en la página (con bloques de texto entre cada 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>

Y la función:

$(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);
    }
});
});