在jquery mobile中将页面添加到最后一页的底部

Question

我试图找出如何在点击按钮后将页面附加到另一页的底部。

通常带有按钮的页面会消失，并且会加载下一页。 我不希望第一页消失，而只是在底部添加第二页的内容。

例如，我有一个页面结构：

<div data-role="page" id="p1"> 
    <div  data-role="header"><h1>Header Page 1</h1></div>
    <div  data-role="content">
        If you click this button, this page will be hidden and the next page will slide up.
        <a href="#p2" data-role="button" data-transition="slideup">Go To Page 2</a>
    </div>
</div> 
<div data-role="page" id="p2">
    <div  data-role="header" data-rel="back"><h1>Header Page 2</h1></div> 
    <div  data-role="content">
        <p>This is page2</p>
        <a href="#p3" data-role="button" data-transition="slideup">Go To Page 3</a>        
    </div>
</div>

<div data-role="page" id="p3">
    <div  data-role="header" data-rel="back"><h1>Header Page 3</h1></div>
    <div  data-role="content">
        <p>This is page3</p>
    </div>
</div> 

我创建this jsfiddle作为插图。