Jquery mobile jquery mobile中的可折叠内容

在具有列表视图的页面顶部有一个简单的可折叠内容元素。html工作正常

我的问题是，如果用户打开可折叠块，我希望它在用户离开或返回页面时自动关闭。可折叠块始终保持用户保持打开状态。我不知道如何关闭它。我搜索了几天，但找不到确切的场景。我发现的大多数解决方案都是处理页面的动态加载的，它们有点太高级了，我无法理解

我知道这可能是一件简单的事情，但我对jquery mobile是如此陌生。我不知道如何将代码绑定到html元素或将其放置在何处，因此请使用小步骤与我一起工作

---

有人知道怎么做吗？

嗨，在我的jqm web应用程序中，我以编程方式关闭可折叠块，如下所示：

$（'.ui-collapsable'）。触发器（'collapse'）

您应该像这样绑定pageshow事件：

$('#your_page_id').bind('pageshow', function(){

            $('.ui-collapsible').trigger('collapse');

       });  

---

例如，您可以尝试使用jQM 1.4：

$('#yourdivId').collapsible('collapse');

我们可以这样做：

$(document).on("pageshow", "#yourpageId", function () {
  $('#yourdivId').collapsible('collapse');
})

---

谢谢你试着帮助我。尤其是JSFIDLE代码。遗憾的是，我仍然无法让它工作。我的页面打开，可折叠内容关闭。我打开内容并移动到另一个页面。然后返回，可折叠内容仍处于打开状态。我想我就是不明白。页面id正确，代码粘贴到正确的位置。我不知道还有多少事要做。我会继续努力学习你提供的东西。再次感谢-瑞秋：明白了！：-）非常感谢。以下是我所做的：