Javascript 标题中的jQuery mobile可折叠按钮，停止折叠/展开

我想在jQuery可折叠文件的标题中放置一个按钮

当然，当我这样做时，按下按钮也会使可折叠展开/折叠。我发现解决办法是

e.stopPropagation();
e.stopImmediatePropagation();    

我从这里取的：

但是有一个问题。当可折叠文件位于已加载的页面上时：

$.mobile.changePage("#second", {transition : "pop", role : "page"});

然后，使用

stopPropagation

会立即使jquerymobile切换到原始页面（例如索引页面）

下面是一个示例（来自上面链接中提供的JSFIDLE），它说明了我遇到的问题：

---

因此，我想重申一下，我希望能够在jquery mobile可折叠文件的标题中放置一个按钮，而不必单击该按钮即可使其折叠/展开。

首先，我表示歉意；我不是想更新你的小提琴，我是想用叉子叉它，但唉，我更新了

无论如何，添加：

e.preventDefault();

---

更新提琴会将其保存为新版本（因此URL末尾的2而不是1）。不必为此感到难过：）