亚洲免费乱码视频,日韩 欧美 国产 动漫 一区,97在线观看免费视频播国产,中文字幕亚洲图片

      1. <legend id="ppnor"></legend>
        

        3. 

        <sup id="ppnor"><input id="ppnor"></input></sup>
        <s id="ppnor"></s>
        

    
        
      
        
        
        
        

          
        
            
        
              
              
        
          
        
          
        
        
      
        
      
        
        
        
        
        
          
        
          
        
            
        
          
        
        

        
        
      
        
      
        
        
        
          
        
            
        基于jquery實現(xiàn)三級下拉菜單
        
            
        
              
        
                字號：
                小
                中
                大
                
        
            
        
          
        
          
        
            
        
              
        
              
        
              
        
   

            這篇文章主要為大家詳細介紹了基于jquery實現(xiàn)三級下拉菜單的相關(guān)資料，具有一定的參考價值，感興趣的小伙伴們可以參考一下
            本文實例為大家分享了jquery三級下拉菜單的具體實現(xiàn)代碼，供大家參考，具體內(nèi)容如下
            在寫這個的時候，首先要捋順?biāo)悸贰｜c一個菜單的時候，其他的要閉合，點一級菜單的時候，二三級菜單要閉合，等等。 
            大致代碼如下：
            代碼如下:
            <body>
             <aside>
              <ul>
               <li> <a href="#">目錄A</a>
                <ul>
                 <li><a href="#">二級目錄A</a>
                  <ul>
                   <li><a href="#">三級目錄A</a></li>
                  </ul>
                 </li>
                 <li><a href="#">二級目錄B</a></li>
                 <li><a href="#">二級目錄C</a></li>
                </ul>
               </li>
               <li> <a href="#">目錄B</a>
                <ul>
                 <li><a href="#">二級目錄A</a>
                  <ul>
                   <li><a href="#">三級目錄A</a></li>
                  </ul>
                 </li>
                 <li><a href="#">二級目錄B</a></li>
                 <li><a href="#">二級目錄C</a></li>
                </ul>
               </li>
               <li> <a href="#">目錄C</a> </li>
              </ul>
             </aside>
            //jQuery部分
            <script src="js/jquery-1.8.3.min.js"></script>
            <script>
              $(document).ready(function() {
               $('.a').click(function() {
                if ($(this).siblings('ul').css('display') == 'none') {
                 $(this).siblings('ul').slideDown(100).children('li');
                 if ($(this).parents('li').siblings('li').children('ul').css('display') == 'block') {
                  $(this).parents('li').siblings('li').children('ul').slideUp(100);
                 }
                } else {
                 //控制自身菜單下子菜單隱藏
                 $(this).siblings('ul').slideUp(100);
                 //控制自身菜單下子菜單隱藏
                 $(this).siblings('ul').children('li').children('ul').slideUp(100);
                }
               });
             });
            </script>
            </body>
            如果要添加樣式的話，一定要注意，否則菜單可能會出現(xiàn)錯誤。 
            完整代碼地址：https://github.com/SabrinaTian/ThreeMenuNav.git 
            git里還有一個帶有圖標(biāo)的案例，不點擊的話是+號，菜單打開后，變?yōu)?號。
            以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助。