Twitter bootstrap 如何将JQuery循环幻灯片隐藏在引导程序中？

我正在使用bootstrap3和jquerycycle2（）构建一个在页面加载时带有隐藏幻灯片的手风琴。以下是HTML：

<div data-toggle="collapse" data-target="#my-slideshow">
    <div>click to see slideshow</div>
</div>
<div class="collapse" id="my-slideshow">           
    <div id="slideshow" data-cycle-pause-on-hover="true" data-cycle-center-horz="true" data-cycle-auto-height="container" data-cycle-slides="> div">
        <div>slide 1. blah.....</div>
        <div>slide 2. blah.....</div>
        <div>slide 3. blah.....</div>
    </div>
</div>

这种HTML工作得很好，除了一件事：幻灯片不在浏览器中居中。如果我从我的幻灯片中删除类“collapse”并加载页面，那么幻灯片确实在屏幕上居中，但这不是我需要的

我在一个移动网站上工作，屏幕大小是我需要在页面加载时隐藏幻灯片的原因（使用“折叠”类）。有办法吗

谢谢和问候

更新

---

这是小提琴的演示：（多亏了伊舍伍德的原创代码！）。您可以通过添加和删除“collpase”类来查看效果

我看到，如果调整浏览器（或JSFIDLE中的面板）的大小，就会发生居中。这似乎表明，在旋转木马可见之前，定心插件无法完成它的工作

---

尝试在手风琴面板显示后，使用引导折叠回调以编程方式初始化它。

这是一个入门提琴。看看你能否演示这个问题。我添加了另一个将幻灯片居中所需的Cycle2脚本：jquery.Cycle2.center.min.js。您可以通过添加和删除“collpase”类来查看效果。我添加了这个脚本，但它似乎不会持久。谢谢你叫我进来@伊舍伍德，你能为演示添加另一个资源吗？我试过了，但其他用户无法继续使用。@isherwood，我创建了一个JSFIDLE帐户，并能够添加所需的cycle 2脚本。但是，演示的fiddle URL是不同的。我希望你不介意。我更新了我的帖子，并在那里表扬了你。不用担心。小提琴就是这样工作的。（这是你的密码。）

$('#slideshow').cycle({});