如何在jQuery Mobile中创建手风琴内部对话框？

Question

我需要在jQuery Mobile中的手风琴内部进行内部对话。对话框代码需要在同一个文件中。我正在轻松地进行外部对话，尽管在同一个文件中创建一个非常困难。我做错了什么？

<div data-role="collapsible" data-collapsed="true">
    <h3> Internal Dialog Windows </h3>
    <p> 
        An internal dialog window in jQuery Mobile is similar to a popup window, though the internal dialog window requires some form of user interaction.
    </p>

    <div data-role="page" id="multipage-dialog">
        <div data-role="header">
            <h1>External Dialog Window</h1>
        </div>
        <div data-role="content">
            <p>This is my external dialog window.</p>
            <p>     
                <a data-role="button" data-inline="true" data-icon="plus" data-rel="back">GoBack</a> 
            </p>
        </div>
    </div>
</div>