如何在悬停或单击时显示下拉内容？

Question

如何隐藏鼠标悬停的下拉按钮或单击以显示它？我专门使用基金会zurb插件。看我的代码：

HTML：

<ul class="menu" data-drilldown data-back-button='<li class="js- 
 drilldown- 
back"><a class="new-back"></a></li>'style="width: 200px" id="m1">
   <li>
     <a href="#">Item 1 </a>
    <ul class="menu">
     <li>
         <a href="#">Item 1A</a>
         <ul class="menu">
           <li><a href="#Item-1Aa">Item 1Aa</a></li>
           <li><a href="#Item-1Ba">Item 1Ba</a></li>
           <li><a href="#Item-1Ca">Item 1Ca</a></li> 
         </ul>
       </li>
       <li><a href="#Item-1B">Item 1B</a></li>
       <li><a href="#Item-1C">Item 1C</a></li> 
     </ul>
  </li>
   <li>
     <a href="#">Item 2</a>
     <ul class="menu">
       <li><a href="#Item-2A">Item 2A</a></li>
          <li><a href="#Item-2B">Item 2B</a></li>
        <li><a href="#Item-2C">Item 2C</a></li> 
    </ul>
   </li> 
  </ul>

如果您没有使用钻取下拉基础zurb插件，那么这些代码对您来说意义不大。