title: Need help to make non-collapsible section using jQuery mobile
body: <pre><code>&lt;div data-role="collapsible-set"&gt;
  
      &lt;div data-role="collapsible" data-collapsed="false"&gt;
          &lt;h3&gt;Section 1&lt;/h3&gt;
          &lt;p&gt;I'm the collapsible set content for section 1.&lt;/p&gt;
      &lt;/div&gt;
  
      &lt;div data-role="collapsible"&gt;
          &lt;h3&gt;Section 2&lt;/h3&gt;
          &lt;p&gt;I'm the collapsible set content for section 2.&lt;/p&gt;
      &lt;/div&gt;        
  
      &lt;div&gt; &lt;!--I tried this but this only makes simple heading without any background style used for other collapsible section headings--&gt;
          &lt;h3&gt;Read only Section 3&lt;/h3&gt;
      &lt;/div&gt;        
  
  &lt;/div&gt;
  </code></pre>
  
  <p>using the above pattern I want to make some divs within the <code>collabsile-set</code> with heading only and I want to make them non-collapsible because of some requirements. If anybody know anything regarding this, please let me know</p>