Jquery 如何在单击“自定义上一步和下一步”按钮时使用animate.css添加不同的动画-OwlCarousel

我在Owl转盘上使用animate.css定制动画。当我单击“下一步”和“上一步”按钮时，它的动画效果是相同的。我需要不同的动画。如何在单击自定义“下一步”和“上一步”按钮时调用不同的动画。请帮忙

$('.owl-carousel').owlCarousel({
            items:1,
            loop:false,
            center:true,
            margin:10,
            URLhashListener:true,
            autoplayHoverPause:true,
            animateOut: 'slideOutUp',
            animateIn: 'slideInUp',
            startPosition: 'URLHash'
        });

var owl = $('.owl-carousel');
owl.owlCarousel();  
$('.nextOwl').click(function() {
    owl.trigger('next.owl.carousel');
})

$('.prevOwl').click(function() {
    owl.trigger('prev.owl.carousel', [300]);
    // here I would like to change the animateOut and animateIn to slideOutDown

});

---

$（'.owl carousel'）.owlCarousel（{items:1，loop:false，center:true，margin:10，URLhashListener:true，autoplayHoverPause:true，animateOut:'slideOutUp'，animateIn:'slideInUp'，startPosition:'URLHash'}）；当我点击“下一步”按钮时，需要更改动画输出和不同动画中的动画。嗨，Biju，你可以使用“编辑”按钮更新你的答案。