切換菜單 - 上點擊子菜單 - 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

回答

相關問題