使用JQuery怎么實(shí)現(xiàn)鏈?zhǔn)秸{(diào)用

 
 
 
  .box{
   width: 300px;
   height: 300px;
   background-color: gold;
   display: none;
  }
 
 
 



 

點(diǎn)擊按鈕，元素淡出，完成之后彈出done，不知道為什么，沒有運(yùn)行出來，可能是瀏覽器的問題。

鏈?zhǔn)秸{(diào)用-層級(jí)菜單

 
 
 
  body{
   font-family: 'Microsoft Yahei';
  }
  body ul{
   margin: 0;
   padding: 0;
  }
  ul{
   list-style: none;
  }
  .menu{
   width: 300px;
   height: 300px;
  }
  .menu .level1,.menu li ul a {
   display: block;
   width: 300px;
   height: 30px;
   line-height: 30;
   text-decoration: none;
   background-color: #3366cc;
   color: #fff;
   font-size: 16px;
   text-indent: 10px;
  }
  .menu .level1{
   border-bottom: 1px solid #afc6f6;
  }
  .menu li ul a {
   font-size: 14px;
   text-indent: 20px;
   background-color: #7aa1ef;
  }
  .menu li ul li{
   border-bottom: 1px solid #afc6f6;
  }
  .menu li ul {
   display: none;
  }
  .menu li ul li a:hover{
   background-color: #f6b544;
  }
 
 
 
  $(function () {
   $('.level1').click(function () {
    $(this).next().stop().slideToggle().parent().sibling().children('ul').slideUp();
   })
  })
 


 
  

   水果
   
    
蘋果
    
梨子
    
葡萄
    
火龍果
   
  
  

   海鮮
   

    
魚
    
扇貝
    
龍蝦
    
象牙蚌
   
  
  

   肉類
   

    
牛肉
    
豬肉
    
肌肉
   
  
 

關(guān)于使用JQuery怎么實(shí)現(xiàn)鏈?zhǔn)秸{(diào)用就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，可以學(xué)到更多知識(shí)。如果覺得文章不錯(cuò)，可以把它分享出去讓更多的人看到。