2012-09-03 270 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网站上的菜单。我想创建一个菜单/搜索就像他们在他们的网站上。

回答