JQuery移动可折叠内容无法正确显示

Question

我在使用JQuery Mobile可折叠内容（http://jquerymobile.com/demos/1.2.0-rc.2/docs/content/content-collapsible.html）

时遇到了一些问题

此HTML：

<div data-role="collapsible" data-collapsed="true">
<h3>Address</h3>
<div id="address_container">
Some hidden content here
</div>  
</div>

<div data-role="collapsible" data-collapsed="true">
<h3>About Us</h3>
<div id="descriptions_container">
Some more hidden content here
</div>
</div>

应该像这样出现：

看起来像这样：

在破碎的示例中，按钮不会展开以显示隐藏的内容。页面上的html与jquery移动站点上的示例相同。当页面加载时，它最初很好，但是在一瞬间页面闪烁，然后如上所示显示不正确。更糟糕的是，它并不一致。有时它有效，而有些则无效。

破坏版本上的HTML显示它正在div中插入一个包含隐藏内容的整个隐藏内容容器。这是在加载之后：

非常感谢任何关于导致此问题以及如何解决问题的建议或想法。

编辑：

嗯，我已经阻止了它的发生。我有一些调试文本是Response.Written到页面一开始HTML元素之外的页面，停止这似乎已经停止了上述问题的发生。我想JQuery Mobile必须以一种不同寻常的方式将其玩具扔出婴儿车。

Answer 1

如jquerymobile.com上的示例所示，请尝试使用段落而不是div作为内容。你的代码将是

<div data-role="collapsible" data-collapsed="true">
<h3>Address</h3>
<p id="address_container">
Some hidden content here
</p>  
</div>

<div data-role="collapsible" data-collapsed="true">
<h3>About Us</h3>
<p id="descriptions_container">
Some more hidden content here
</p>
</div>