Анимация, созданная моей функцией jQuery, шаткая, и я просматривал различные решения SO, такие как добавление jquery.easing, но безуспешно. Проблема в iframe в каждом div?
Есть идеи, как сгладить анимацию? Подходит ли моя основная функция переключения?
JSFiddle: http://jsfiddle.net/gwLcD/8/
Базовая разметка приведена ниже и многократно повторяется на странице ( с блоками текста между каждым div "videotoggle"):
View a few minutes of the (title) video
И функция:
$(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);
}
});
});