trying migrate to jquery.mobile-1.4.5 a nested listview

trying migrate to jquery.mobile-1.4.5 a nested listview

I am trying this
I have a nested listview[only first li tag is having nested ul tag]... jquery.mobile-1.3.2.
and
trying migrate to  jquery.mobile-1.4.5

but BOTH LISTS SEEM IN RIPPLE EMULATOR - HOW hide the inner list....?


  1. <body> 

  2. <div id="home0" data-add-back-btn="true" data-back-btn-text="Back" data-role="page" data-title="Polis Town Guide">
  3. <div data-role="header"
  4. data-position="fixed"
  5. data-id="vs_header">
  6. <h1>Polis Travel Guide</h1>        

  7. </div><div data-role="ui-content" id="wrapper"></div>
  8. <div role="main" class="ui-content" id="lv1">
  9.         <div id="alertMsg1"></div>
  10. <ul data-role="listview" data-inset="true">
  11. <li>
  12. <h2>Shops&amp;Services</h2>
  13.             <p>as in Polis in 2017</p>
  14.             <p class="ui-li-count">25</p>
  15.                 <ul data-role="listview" data-inset="true" class="subList">
  16. <li data-icon="back"><a href="#home0" data-polis="-5" data-rel="back" data-add-back-btn="true">BACK</a></li>
  17. <li><a href='#home' data-polis='10'>Travel Agents - Cruises</a></li>
  18. <li><a href='#home' data-polis='11'>Accommodation - Hotels</a></li>
  19. <li><a href='#home' data-polis='12'>Accommodation - Apts</a></li>
  20. <li><a href='#home' data-polis='13'>Food &amp; Drink</a></li>
  21. <li><a href='#home' data-polis='14'>Cafe - Bar</a></li>
  22. <li><a href='#home' data-polis='15'>Vehicle Rentals</a></li>
  23. <li><a href='#home' data-polis='16'>Taxi Service</a></li>
  24. <li><a href='#home' data-polis='17'>Water Sports - Boat Services</a></li>
  25. <li><a href='#home' data-polis='18'>Money Transfer</a></li>
  26. <li><a href='#home' data-polis='19'>ATMs</a></li>
  27. <li><a href='#home' data-polis='20'>Banks</a></li>
  28. <li><a href='#home' data-polis='21'>Petrol Station</a></li>
  29. <li><a href='#home' data-polis='22'>Kiosks</a></li>
  30. <li><a href='#home' data-polis='23'>Supermarkets-Bakery-Fish-Meat</a></li>
  31. <li><a href='#home' data-polis='24'>Real Estate Agents</a></li>
  32. <li><a href='#home' data-polis='25'>Pharmacy</a></li>
  33. <li><a href='#home' data-polis='26'>Doctor-Hospital</a></li>
  34. <li><a href='#home' data-polis='27'>Government Services</a></li>
  35. <li><a href='#home' data-polis='28'>Attractions Polis Area</a></li>
  36. <li><a href='#home' data-polis='29'>Polis Beaches</a></li>
  37. <li><a href='#home' data-polis='30'>Computers &amp; Electrical Appliances</a></li>
  38. <li><a href='#home' data-polis='31'>Optical Houses</a></li>
  39. <li><a href='#home' data-polis='32'>Polis-Cyprus Web-indexes</a></li>
  40. <li><a href='#home' data-polis='33'>Other(DVD-Gym-Courier etc)</a></li>
  41. <li><a href='#home' data-polis='34'>Road Assistance &amp; Accident Care</a></li>
  42. <li data-icon="back"><a href="#home0" data-polis="-5">BACK</a></li>
  43.             </ul>
  44.             </li>
  45.             <li class="subListInDiv"><a href="#home" data-polis="999999">Last 20 Records Viewed</a></li>
  46.             <li class="subListInDiv"><a href="#home" data-polis="28">Attractions - Polis</a></li>
  47. <li class="subListInDiv"><a href="#home" data-polis="0">Search - Polis</a></li>
  48. <li class="subListInDiv"><a href='#home' data-polis='11'>Hotels Deals</a></li>
  49. <li><a href="#telNo">Useful Tel Numbers</a></li>
  50. <li><a href="#news">News/Events - Polis</a></li>
  51. <li><a href="#offers">Special Offers - Polis</a></li>
  52. <li><a href="photogallery.html" rel="external">Polis Photographs (Old &amp; New)</a></li>
  53. <li><a href="#photos">Polis - Flickr (Images)</a></li>
  54. <li><a href="#contact">Feedback/Contact Us</a></li>
  55. <li><a href="#about">About (App/Developer, Polis Area)</a></li>
  56. </ul>
  57.         
  58. </div>
  59. <div data-role="footer"
  60. data-position="fixed"