jquery-mobile - 在 jQuery mobile 1.4.0 中展开后可折叠边框被移除

Question

我在我的 jQuery mobile 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>