jquery-mobile - jQuery mobile 1.4.0 で展開した後に折りたたみ可能な境界線が削除される

Question

jQuery モバイル 1.4.0 アプリに次の折りたたみ可能なセットがあります。問題は、折りたたみ可能なものを展開してから閉じると、次の画像に示すように、この折りたたみ可能なものの上端が削除されることです。この問題を解決するにはどうすればよいですか?

私を助けてください ..

<div data-role="page"    id="InfoPage">

<div  data-role="header"  data-position="fixed"  data-tap-toggle="false" data-  fullscreen="false"   data-theme="b" style="height:60px;" >

<div style="padding-top:15px;"> <font  color="white" >Information </font></div>
</div> 


 <div data-role="content" >

<div data-role="collapsible"  data-iconpos="left"   data-collapsed-icon="carat-d" data-  expanded-icon="carat-u"  >
<h3><div>Country</div></h3>

<div data-role="collapsible-set"  data-iconpos="left"    data-collapsed-icon="carat-   d" data-expanded-icon="carat-u" > 

<div data-role="collapsible"  >
<h3 class="Mycollapsible"><div style="color:white;font-weight:normal;">Governorate1</div></h3>
<ul  data-role="listview" >
<li data-icon='false'>
<font class="NameStyle">Village1</font>
</li>

<li data-icon='false'>
<font class="NameStyle"> Village2</font>
</li>
<li data-icon='false'>
<font class="NameStyle"> Village3</font>
</li>
    <li data-icon='false'>
<font class="NameStyle"> Village4</font>
</li>
    <li data-icon='false'>
<font class="NameStyle"> Village5</font>
</li>


</ul>
</div>

<div data-role="collapsible"   >
<h3 class="Mycollapsible"><div style="color:white;font-weight:normal;" >Governorate2</div></h3>
<ul  data-role="listview" >
<li data-icon='false'>
<font class="NameStyle">Village1</font>
</li>

<li data-icon='false'>
<font class="NameStyle"> Village2</font>
</li>
<li data-icon='false'>
<font class="NameStyle"> Village3</font>
</li>
    <li data-icon='false'>
<font class="NameStyle"> Village4</font>
</li>
    <li data-icon='false'>
<font class="NameStyle"> Village5</font>
</li>


</ul>
</div>

<div data-role="collapsible"   >
<h3  class="Mycollapsible" ><div  style="color:white;font-weight:normal;">Governorate3</div></h3>
<ul  data-role="listview" >
<li data-icon='false'>
<font class="NameStyle">Village1</font>
</li>

<li data-icon='false'>
<font class="NameStyle"> Village2</font>
</li>
<li data-icon='false'>
<font class="NameStyle"> Village3</font>
</li>
    <li data-icon='false'>
<font class="NameStyle"> Village4</font>
</li>
    <li data-icon='false'>
<font class="NameStyle"> Village5</font>
</li>



</ul>
</div>

<div data-role="collapsible"  >
<h3 class="Mycollapsible" ><div  style="color:white;font-weight:normal;">Governorate4</div></h3>
<ul  data-role="listview" >
<li data-icon='false'>
<font class="NameStyle">Village1</font>
</li>

<li data-icon='false'>
<font class="NameStyle"> Village2</font>
</li>
<li data-icon='false'>
<font class="NameStyle"> Village3</font>
</li>
    <li data-icon='false'>
<font class="NameStyle"> Village4</font>
</li>
    <li data-icon='false'>
<font class="NameStyle"> Village5</font>
</li>

</ul>
</div>


<div data-role="collapsible"  >
<h3 class="Mycollapsible" ><div  style="color:white;font-weight:normal;">Governorate5</div></h3>
<ul  data-role="listview" >
<li data-icon='false'>
<font class="NameStyle">Village1</font>
</li>

<li data-icon='false'>
<font class="NameStyle"> Village2</font>
</li>
<li data-icon='false'>
<font class="NameStyle"> Village3</font>
</li>
    <li data-icon='false'>
<font class="NameStyle"> Village4</font>
</li>
    <li data-icon='false'>
<font class="NameStyle"> Village5</font>
</li>
    </ul>
</div>

<div data-role="collapsible"  >
<h3  class="Mycollapsible"><div  style="color:white;font-weight:normal;">Governorate6</div></h3>
<ul  data-role="listview" >
<li data-icon='false'>
<font class="NameStyle">Village1</font>
</li>

<li data-icon='false'>
<font class="NameStyle"> Village2</font>
</li>
<li data-icon='false'>
<font class="NameStyle"> Village3</font>
</li>
    <li data-icon='false'>
<font class="NameStyle"> Village4</font>
</li>
    <li data-icon='false'>
<font class="NameStyle"> Village5</font>
</li>

</ul>
</div>

<div data-role="collapsible"  >
    <h3  class="Mycollapsible"><div  style="color:white;font-     weight:normal;">Governorate7</div></h3>
<ul  data-role="listview" >
<li data-icon='false'>
<font class="NameStyle">Village1</font>
</li>

<li data-icon='false'>
<font class="NameStyle"> Village2</font>
</li>
<li data-icon='false'>
<font class="NameStyle"> Village3</font>
</li>
    <li data-icon='false'>
<font class="NameStyle"> Village4</font>
</li>
    <li data-icon='false'>
<font class="NameStyle"> Village5</font>
</li>

</ul>
</div>

</div>

   </div>