I think I found a working solution. You'll need to import jQuery UI to run it. And you'll have to write a previous click function. But here is the next function:
Here the code:
$(document).ready(function(){
var hideoptions = { "direction" : "up", "mode" : "hide"};
var showoptions = {"direction" : "down","mode" : "show"};
$('.webinar').not(':first-child').hide();
$('.webinar:first-child').addClass('active-slide');
$('span.next-arw').click(function(e){
if($('.active-slide').next().length>0){
console.log($('.active-slide').next());
var current=$('.active-slide');
var current_next=current.next();
current_next.addClass('active-slide');
current.removeClass('active-slide');
current.effect( "slide", hideoptions, 400);
current_next.effect( "slide", showoptions, 400);
}
});
});
Hope that was a help :)