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