How to set data-theme b in data-role collapsible

How to set data-theme b in data-role collapsible

Unable to set the data-theme="b" to plus minus icons in data-role="collapsible" with data-theme="b", its plus minus get data-theme="d" by default... can we replace the data-theme by any chance.

I need plus minus icons inline to the theme b arrow with dark gray shade.

Actually, I just want to show hide the sub content in list view / collapsible.. pls Suggest?

following is the html -

  1. <!-- -->
  2.     <div data-role="collapsible-set" >
  3.       <div data-role="collapsible" data-collapsed="true" data-headingontop="false" data-collapsedheadingtext="more..." data-expandedheadingtext="less..." data-theme="b" >
  4.         <h3><a href="#" class="ui-link-inherit" >I'm a header in a set of collapsibles</a></h3>
  5.         <div class="details" aria-hidden="ture">
  6.           <p>I'm the collapsible content. </p>
  7.         </div>
  8.       </div>
  9.       <div data-role="collapsible" data-collapsed="true" data-headingontop="false" data-collapsedheadingtext="more..." data-expandedheadingtext="less..." data-theme="b" >
  10.         <h3 ><a href="#" class="ui-link-inherit">I'm a header in a set of collapsibles</a></h3>
  11.         <div class="details" aria-hidden="ture">
  12.           <p>I'm the collapsible content. </p>
  13.         </div>
  14.       </div>
  15.       <div data-role="collapsible" data-collapsed="true" data-headingontop="false" data-collapsedheadingtext="more..." data-expandedheadingtext="less..." data-theme="b" >
  16.         <h3 ><a href="#" class="ui-link-inherit">I'm a header in a set of collapsibles</a></h3>
  17.         <div class="details" aria-hidden="ture">
  18.           <p>I'm the collapsible content. </p>
  19.         </div>
  20.       </div>
  21.     </div>
  22.     <!-- -->