有没有一种方法可以将jquery页面分为两列？

Question

我是DreamWeaver 5.5的用户，正在尝试使用jquery生成可折叠的块。我想知道是否有可能将jquery页面分为两列，并排放置两个可折叠的块。

我尝试用html和css创建一个拆分屏幕，但是jquery页面位于我用来拆分屏幕的项目的顶部。

我没有提供我尝试使用html和css来拆分屏幕的方法的代码，因为该代码很糟糕，而且据我所知与jquery的功能不符。这是jquery页面和单个全角可折叠块的代码。

<div data-role="page" id="page">
              <div data-role="header">
                <h1>Proposals</h1>
              </div>
              <div data-role="content">
                <div data-role="collapsible-set">
                  <div data-role="collapsible" data-collapsed="true">
                    <h3>Menu Title</h3>
                    <P style="text-align:center"><img src="1.svg"></P>
                  </div>
                  <div data-role="collapsible" data-collapsed="true">
                    <h3>Header</h3>
                    <p>Content</p>
                  </div>
                  <div data-role="collapsible" data-collapsed="true">
                    <h3>Header</h3>
                    <p>Content</p>
                  </div>
                </div>
              </div>
            </div>

这是jquery页面和单个可折叠块的代码，该块占据页面的整个宽度。我想知道是否有一种方法可以将jquery页面分为两列并具有两个可折叠对象。