#### 當我點擊的時候當前點擊菜單展開，其他菜單收縮，并配上效果 HTML ~~~ <div id="nav"> <ul> <li> <div class="nav-item"> <i class="iconfont will-jinxiaocun"></i> <span>出品物料</span> </div> <div class="menu"> <ul> <li><a class="menuItem" href="javascript:void();">單位</a></li> <li><a class="menuItem" href="javascript:void();">做法管理</a></li> <li><a class="menuItem" href="javascript:void();">出品類別</a></li> <li><a class="menuItem" href="javascript:void();">出品檔案</a></li> </ul> </div> </li> <li> <div class="nav-item"> <i class="iconfont will-kucun"></i> <span>庫存管理</span> </div> <div class="menu"> <ul> <li><a class="menuItem" href="javascript:void();">收銀訂單</a></li> </ul> </div> </li> <ul> </div> ~~~ CSS樣式 ~~~ .menu { dsiplay: none } ~~~ Jquery很簡單的一句話 ~~~ // 左側菜單的點擊展開，其他收縮回去 $("#nav .nav-item").click(function(){ $(this).next("div.menu").slideDown(300).parents("li").siblings("li").find("div.menu").slideUp(300); }); ~~~