Automatically open filtered collapsible set items

Automatically open filtered collapsible set items

I've created a a simple page which has a data-filter applied to collapsible set items (please see code below). The collapsible set items are closed initially.

I want to be able to enter a word to filter by and have the matching collapsible set items automatically opened when they are returned? I can't find anything in the docs that will help me. Any ideas?

  1. <div data-role="page" id="page">
  2.     <div data-role="content">
  3.         <h1>Collapsible set with search</h1>
  4.         <div data-role="collapsible-set" >
  5.        <div data-role="listview" data-inset="true" data-filter="true">
  6.                 <div data-role="collapsible">
  7.                     <h1>Numero uno</h1>
  8.                     <div>some text</div>
  9. </div>
  10.                 <div data-role="collapsible">
  11.                     <h1>Number two</h1>
  12.                     <div>some text</div>
  13. </div>
  14. <div>Header</div>
  15. <div data-role="collapsible">
  16.                     <h1>Numero three </h1>
  17.                     <div>some potato</div>
  18. </div>
  19.                 <div data-role="collapsible">
  20.                     <h1>Number four</h1>
  21.                     <div>some text</div>
  22. </div>
  23. </div>
  24. </div>
  25. </div>
  26. </div>