JQuery Mobileのリストディバイダのボタンを使用する

Question

私はJQuery Mobileを使用しています。

<div id="myPage" data-role="page"> 
    <div data-role="header"> 
     <h1>My App</h1> 
    </div> 

    <div data-role="content"> 
     <ul data-role="listview"> 
      <li data-role="list-divider"> 
       <div data-type='horizontal'>Hello&nbsp; 
       <a href='#' id='moreOptions' data-role='button' data-icon='arrow-d' data-inline="true" data-mini="true" data-iconpos='notext'>more</a> 
      </div></li>    
     </ul><br /><br /> 

     My App Content 
    </div> 
</div> 

「moreOptions」ボタンを表示するかどうかを決定するJavaScriptがいくつかあります。次のようなページがあります。私の問題は、 "moreOptions"ボタンが表示されている場合です。リスト区切り領域の高さが通常のサイズを超えて拡大します。リストディバイダ領域を標準の高さに保つためにCSSを使用する方法はありますか？または、私はsomehomeボタンのサイズを縮小することができますか？

ありがとうございました！

Answer 1

リストディバイダのCSSクラス（.ui-li-divider、私は思う）を分離し、max-heightプロパティを追加します。これは次のようになります：

.ui-li-divider{ 
max-height: 20px; 
}