合并旋转木马和手风琴

Question

我在滑动内容面板中实现了幻灯片放映中的内容淡出。

幻灯片放映在滑动面板的第一个li中，但问题是因为滑动随机移动我无法显示幻灯片放映。

我需要的是，Sliding应该等到幻灯片完成动画。完成幻灯片放映后，滑动面板的下一个li应该出现。

以下是用于该

的代码

//Fade in slide show
var quotes = $(".inner_detail div");
    var quoteIndex = -1;

    function showNextQuote() {
        ++quoteIndex;
        quotes.eq(quoteIndex % quotes.length)
            .fadeIn(2000)
            .delay(2000)
            .fadeOut(2000, showNextQuote);
    }

    showNextQuote();    
//Slider
    $('#news-container').vTicker({ 
        speed: 800,
        pause: 3000,
        animation: 'fade',
        mousePause: false,
        showItems: 1
    });

如果您想看幻灯片效果，请删除js中的滑块代码，然后您就可以看到幻灯片的工作原理了。 （此处 fiddle 仅显示幻灯片演示）

这是工作 DEMO （在这个演示中，第一个滑动的li有幻灯片div，因为滑动速度很快而无法看到）

提前致谢...