2012-09-03 54 views
0

我正在嘗試創建一個導航欄來控制它下面兩個可摺疊部分的顯示/隱藏。jQuery Mobile可摺疊菜單

jQuery Mobile有可能嗎?

<div data-role="navbar"> 
    <ul> 
     <li><a data-theme="c" href="#">Menu</a></li> 
     <li><a href="#">Search</a></li> 
    </ul> 
</div> 

<div data-role="collapsible"> 
    <div data-role="navbar" class="menu"> 
     <ul> 
      <li><a data-theme="c" href="#">Menu</a></li> 
      <li><a href="#">Search</a></li> 
     </ul> 
    </div> 
</div> 

<div data-role="collapsible"> 
    <form class="search"> 
     <label for="search-mini">Search Input:</label> 
     <input type="search" name="search-mini" id="search-mini" value="" data-mini="true" /> 
    </form> 
</div> 

舉一個例子,看看移動設備上的m.nbcolympics.com網站上的菜單。我想創建一個菜單/搜索就像他們在他們的網站上。

回答