Javascript JQuery mobile可折叠内容显示不正确

我在JQuery移动可折叠内容方面遇到了一些问题

此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中插入整个隐藏内容容器。这里是加载后：

如果您有任何建议或想法，了解导致这种情况的原因以及如何解决，我们将不胜感激

编辑：

---

我已经阻止了它的发生。我得到了一些调试文本的响应。在页面最开始的HTML元素之外写入页面并停止此操作似乎已经停止了上述问题的发生。我想JQuery Mobile一定是以一种不寻常的方式把它的玩具扔出了婴儿车。

正如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>

---

谢谢你的建议。但这并不能解决问题。它的行为与div标记相同。Android Decoded是正确的。我将示例Wardrox放在一起，使用了与您引用的JQM相同的版本，并在这里放了一个JSFIDLE，以便您可以看到它的实际应用。在没有其他JavaScript运行的情况下，它可以正常工作。应用程序中的其他内容正在修改你的结果。我也这么认为，但页面上唯一的脚本是JQuery的标记。你会隐藏/显示它吗？如果你正在使用JS代码，请发布它。如果它最初起作用，那么一些JS正在修改它。请发布javascript代码