javascript - 如何为以下 jQuery 幻灯片函数添加淡入淡出效果？

Question

我有这个幻灯片功能http://jsfiddle.net/g7LwM/1/

如何给它添加淡入淡出效果？那么当它向下滑动时它会淡入，而当它向上滑动时它会淡出？

重要提示:我注意到大多数答案都使用切换切换，这与我使用的幻灯片切换不同。切换和滑动有不同的过渡!

Answer 1

你需要动画: http://jsfiddle.net/manseuk/g7LwM/7/

$(document).ready(function () {
    $("#trigger").click(function () {
        $("#test").animate({opacity: 'toggle', height: 'toggle'});
    }); 
})

你也可以添加持续时间:

$("#test").animate({opacity: 'toggle', height: 'toggle'},'slow');