Jquery mobile 可折叠边框在jQuery mobile 1.4.0中展开后被删除

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

信息
国
省1


村庄1


村庄2


村庄3


村庄4


村庄5


省2


村庄1


村庄2


村庄3


村庄4


村庄5


省3


村庄1


村庄2


村庄3


村庄4


村庄5


省4


村庄1


村庄2


村庄3


村庄4


村庄5


省5


村庄1


村庄2


村庄3


村庄4


村庄5


省6


村庄1


村庄2


村庄3


村庄4


村庄5


省7


村庄1


村庄2


村庄3


村庄4


村庄5

---

如果使用自定义主题，请选中可折叠和可折叠设置颜色。我无法重现@OmarThanks的问题，我在问这是我的jsfiddle之前已经在jsfiddle上测试过了。这个问题没有出现在jsfiddle中，但我不知道为什么它会出现在我的jsfiddle中app@OmarIsjQuery mobile中是否有任何类或属性负责可折叠边框？请确保关闭所有标记。另外，使用CSS类而不是内联样式

.ui collapsable

有所有可折叠的CSS。@OmarI确保所有标记都已关闭，我用class替换了内联样式，但问题仍然出现在我的应用程序中！我们如何使用此类“.ui-collapsable”显式设置可折叠的上边框？你能指引我吗？