我想知道如何在幻灯片面板中动态加载内容

Question

有没有办法将内容动态加载到幻灯片？

例如，我想在幻灯片面板切换时加载新闻内容，当向下滚动时，内容应该动态加载。

幻灯片面板的示例如下：http://jsfiddle.net/xpp5sgg8/2/。因此，当切换面板时，应显示内容。

HTML：

<div class="sidebar">
    <div class="toggle"></div>
</div>

jQuery的：

$('.toggle').on('click', function() {
    $('.sidebar').toggleClass("sidebar-collapsed");
});

CSS：

.sidebar, .toggle {
    transition:all .5s ease-in-out;
    -webkit-transition:all .5s ease-in-out;
}

.sidebar {
    background:lightgrey;
    width:200px;
    height:100vh;
    position:absolute;
    top:0;
    left:0;
}

.toggle {
    position:absolute;
    right:5px;
    top:5px;
    width:30px;
    height:30px;
    background:black;
}

.sidebar-collapsed {
     transform:translateX(-100%);   
    -webkit-transform:translateX(-100%);
}

.sidebar-collapsed .toggle {
    right:-5px;
     transform:translateX(100%);   
    -webkit-transform:translateX(100%);   
}