Javascript 可折叠的页脚不会扩展到全宽

我已将我的Phonegap/Cordova应用程序升级到最新的Cordova、jQuery和jQuery移动版本。现在我无法拥有一个全宽的可折叠div。下面的代码为我提供了内容部分的全宽，但在页脚中，它只显示有限的宽度（用于之前的工作）：

我是头球手
我是可折叠的内容

以下是我得到的：

---

您可以从检查中看到，页脚中的可折叠元素被视为按钮，并获得使其成为按钮大小的

显示：内联块

css设置。将此更改为块将启用全宽

CSS

.ui-footer .ui-btn {
display: block !important;
}

演示

---

在这种情况下，任何关于扩展/折叠如何动态工作的想法。我试过$（'hideshow'）。触发器（'expand'）；但它不起作用。@Anjum-its，$（“.selector”）.collapsable（“expand”）；--谢谢@Tasos。它以前使用的是JQ的早期版本，但现在没有。你的暗示很有帮助。关于@Anjum是的，我一直认为最近的1.4+版本as（触发器）现在在JQM@Anjum-您使用的JQM版本是什么？？如果1.4+则触发器在所有小部件中都已贬值。检查此处的列表以了解新方法--

.ui-footer .ui-btn {
display: block !important;
}