Javascript 视频播放器不显示可折叠div的内部

我正在使用视频播放器在我制作的网站上为人们显示一个卷轴，但如果div设置为display:none，它将不会显示；然后用jquerys.slideToggle（）进行切换

这是切换代码

    $('.button').click(function() {
        $('#containerDiv').slideToggle();
    });

这是我正在使用的视频播放器：

HTML:

标题名

---

还应该注意的是，播放器本身是通过javascript加载的，不是原始DOM结构的一部分，我想这就是我遇到问题的原因。

什么样的视频播放器？Flash、HTML5、Silverlight等？链接就在那里，但是它的HTML5和javascript，对于较旧的浏览器，将回退到Flash。我正在Opera和Chrome的最新版本中进行测试。可能

display:none

的场景不由播放器自己处理。您可以尝试测试它是否与

可见性：hedden

一起工作，或者在加载后隐藏播放器。视频实际上是通过JavaScript函数加载的，因此加载后我无法直接编辑播放器的样式。但是应该提到的是，当我加载元素可见的窗口，然后使用slideToggle隐藏它时，它工作得很好。我曾尝试使用$（'#contianerDiv“）.load隐藏它，但这也会使它无法显示。我在该播放器的页面上发现，它的API包含文档中描述的一些事件侦听器，因此视频播放器本身可能有

加载的

事件，您可以在初始化后使用它隐藏播放器。

    <div class="button">
        <span class="title">Title</span><span class="name">Name</span>
    </div>
    <div id="containerDiv" class="Reel"><!--There is a bunch of omitted code here--></div>