title: jquery-mobile: Collapsible inside list-view
body: <p>I want to use some collapsible elements inside a listview in jquery mobile. I can set well the collapsible adding a  inside the corresponding <li> part, but when the collapsible is not collapsed, the info of collapsible is not inside the collapsible bubble, how can I fix that to have a bubble that include title and description?</p>
  
  <p>Thanks</p>
  
  <pre><code>&lt;div id="dispositivo" data-role="page" data-theme="c" data-cache="refresh"&gt;
  &lt;div data-role="content" role="main"&gt;
          &lt;ul data-role="listview" data-inset="true" data-theme="c" data-dividertheme="b"&gt;
              &lt;li data-role='list-divider'&gt;Titulo&lt;/li&gt;
              &lt;form id="form_disp" name="form_disp" method="post" action="test.php"&gt; 
                  &lt;li data-role='fieldcontain'&gt;
                      &lt;a id="estado" name="estado" href="#" data-theme="b" data-role="button" data-inline="true"&gt;Boton&lt;/a&gt;                
                  &lt;div data-role="content" data-inset="true"&gt;
                      &lt;div data-role="collapsible" data-inset="true"&gt;
                          &lt;h3&gt;Info1&lt;/h3&gt;
                          &lt;p&gt;Ahora estamos viendo el info 1&lt;/p&gt;
                      &lt;/div&gt;
                      &lt;div data-role="collapsible"&gt;
                          &lt;h3&gt;Info 2&lt;/h3&gt;
                          &lt;p&gt;Ahora estamos viendo el info 2&lt;/p&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;button data-theme="b" id="b_conf_disp" data-role="button" data-inline="true" type="submit"&gt;Boton 2&lt;/button&gt;
          &lt;/form&gt;
          &lt;/ul&gt;
      &lt;/div&gt;      
  &lt;/div&gt;
  </code></pre>