jQuery手风琴面板不会折叠

目标是使每个部分以折叠状态开始。面板0和面板2均以折叠状态启动，但面板1并非以折叠状态启动，而是在单击时折叠。面板1使用一个iframe，其中包含导入站点的实时推特提要

代码示例如下：

HTML:

第一节
这是一个div

第二节
第三节
这是一个div

javascript
!函数（d，s，id）{var js，fjs=d.getElementsByTagName（s）[0]，p=/^http://.test（d.location）''http'：'https'；if（！d.getElementById（id））{js=d.createElement（s）；js.id=id；js.src=p+“：//platform.twitter.com/widgets.js”；fjs.parentNode.insertBefore（js，fjs）；}（文档，“脚本”，“twitter wjs”）；
// 

我想你应该有这个表格

 <h3>Section 1</h3>
<div>
body 
</div>

第1节
身体

---

主体是隐藏的，要访问它，您需要一个标题。

jQuery UI accordion插件不允许您折叠所有区域。根据定义，手风琴总是显示一个扩展区域。如果希望能够折叠所有区域，则不希望使用accordion，而是希望创建可折叠区域

我明白了。在每个标题之后是包含内容的标记。如果要使内容正确运行，需要一个块级元素。之后，可以使用heightStyle变量手动设置高度。 如果遇到此问题，请确保标头的同级元素是块级元素

比如说

<div class="accordion">
<div class="testimonials col-md-6 col-lg-6">
    <h1>section 1</h1>
    <p>this is a div</p>
</div>
<div class="social col-sm-6 col-md-3 col-lg-3">
    <h1>section 2</h1>
    <div class="social-wrap">
         <a class="twitter-timeline" width="100%" data-chrome="transparent noscrollbar" href="https://twitter.com/xxxxxx" data-widget-id="999999">
        Tweets by @xxxxxx
         </a>
     </div>
</div>
<div class="news col-sm-6 col-md-3 col-lg-3">
    <h1>section 3</h1>
    <p>this is a div</p>
</div>

第一节
这是一个div

第二节
第三节
这是一个div

您的原始代码中有脚本标记，不是吗：\？您的真实代码中真的有

r代码吗

？是的，我的原始代码中有脚本标记有什么问题？哈哈哈，我看到你了@leetylor，我忘了带那个。请参见jQueryUI文档。不完全是因为这就是我将可折叠设置为true的原因。当我在所有可折叠区域中设置了p标记时，我可以工作，但当我设置了iframe时，它不工作。这一定是一个相对较新的功能。2010年左右的手风琴版本没有这一功能。谢谢你指出：-）我很确定它确实有这个功能，虽然它以前被称为

alwaysOpen

或类似的东西。你能再解释一下你的答案吗？其实不一定要有这种特殊的安排。它最初是一个div，这就是为什么文本说这是一个div我测试了p标签，它们工作得很好。

<div class="accordion">
<div class="testimonials col-md-6 col-lg-6">
    <h1>section 1</h1>
    <p>this is a div</p>
</div>
<div class="social col-sm-6 col-md-3 col-lg-3">
    <h1>section 2</h1>
    <div class="social-wrap">
         <a class="twitter-timeline" width="100%" data-chrome="transparent noscrollbar" href="https://twitter.com/xxxxxx" data-widget-id="999999">
        Tweets by @xxxxxx
         </a>
     </div>
</div>
<div class="news col-sm-6 col-md-3 col-lg-3">
    <h1>section 3</h1>
    <p>this is a div</p>
</div>