切换菜单 - 上点击子菜单 - jQuery的/ HTML

我有这样的菜单：切换菜单 - 上点击子菜单 - jQuery的/ HTML

 <div id="menu"> 
      <div class="header">Menu Header</div> 
      <ul> 
       <li>asdfsadfdsaf</li> 
       <li>sadfsadf</li> 
       <li>asdfasdf</li> 
       <li>asdfsadf</li> 
       <li>asdfsadf</li> 
      </ul> 
     </div>

我该怎么办，所以每当我点击每个L1内的一个链接，一个新的子菜单在“点击”下面切换？

来源

2011-09-08 Oliver ' Oli' Jensen

你看过jQuery点击事件处理程序？最简单的方法之一是将一个单击事件监听器附加到每个li，并让它显示或隐藏当前包含的另一组ul/li元素。这需要一些CSS工作。你有什么尝试？ – scrappedcola

下面是一个简单的菜单模式遵循：

http://jsfiddle.net/Diodeus/jejNy/

来源

2011-09-08 21:00:47

更好的是所有的CSS：http://jsfiddle.net/maniator/ZC4xv/ – Neal

他写了“点击”，所以你可以用鼠标单击来替换鼠标：D –

首先，你需要不同的标记：

<div id="menu"> 
    <div class="header">Menu Header</div> 
    <ul> 
     <li> 
      <span>Menu item</span> 
      <ul> 
       <li>Submenu item</li> 
       <li>Submenu item</li> 
       <li>Submenu item</li> 
      </ul> 
     </li> 
     <li> 
      <span>Menu item</span> 
      <ul> 
       <li>Submenu item</li> 
       <li>Submenu item</li> 
       <li>Submenu item</li> 
      </ul> 
     </li> 
     ... 
    </ul> 
</div>

，简单的CSS和JS应用到子菜单，只是像你与主菜单

来源

2011-09-08 21:04:33 yzk

切换菜单 - 上点击子菜单 - jQuery的/ HTML

回答

相关问题