wordpress中有很多外掛來實現二級選單，比如wordpress外掛 ： 利用Max Mega Menu實現二級選單的伸縮，不過，如果要簡單地實現二級選單展開手風琴效果，可以用下面的程式碼，不過得自己定位到一級選單，定位方法如下：

我們可以用menu-item-has-children定位到有二級選單的選單欄。

WordPress用JavaScript和CSS實現二級選單展開手風琴效果

Javascript具體程式碼如下：

$(document).ready(function(){
$(".doc-sidebar li.menu-item-has-children a:eq(0)").show();
$(".doc-sidebar li.menu-item-has-children a").click(function(){
$(this).addClass("current").next("ul.sub-menu").slideToggle(300).siblings("ul.sub-menu").slideUp("slow");
$(this).siblings().removeClass("current");
$(this).get(0).parentNode.style.background="#f1f1f1 center right no-repeat";
});
});

Css具體程式碼如下：

.doc-sidebar ul ul.sub-menu{display:none;}
.doc-sidebar li.menu-item-has-children{
background:#f1f1f1 url(https://cdn.breakyizhan.com/wp-content/uploads/2018/07/pro_left.png) center right no-repeat;
padding-right:22px;
}