layui下拉菜单的按钮组

仿照layui的导航

<ul class="layui-nav layui-bg-green btnz" lay-filter="" style="font-size: 12px;border-radius: 0px;float: right;padding:0px 0px 0px 0px;margin-left: 2px;">
       <li class="layui-nav-item" style="line-height: 30px;font-size: 12px;">
           <button class="layui-btn layuiadmin-btn-list moreactions">更多操作</button>
           <dl class="layui-nav-child" style="top:38px;line-height: 31px;padding: 0px 0px 0px 0px;"> 
               <dd><button class="layui-btn layui-btn layui-btn-sm layui-btn-fluid" id="btn_cjb">暂无操作</button></dd>
               <dd><button class="layui-btn layui-btn layui-btn-sm layui-btn-fluid" id="btn_cjb">暂无操作</button></dd>
           </dl>
       </li>
 </ul>

点击事件

$(".moreactions").on('click',function(){
    var check = $(this).parent().find('dl').hasClass("layui-show");
    if(check){
       $(this).parent().find('dl').removeClass("layui-show");
     }else{
       $(this).parent().find('dl').addClass("layui-show");
     }
})

鼠标移动事件

$(".moreactions").hover(function(){
   $(this).parent().find('dl').addClass("layui-show");
 },function(){
   $(this).parent().find('dl').removeClass("layui-show");
 });
 $("dd").hover(function(){
   $(this).parents().addClass("layui-show");
 },function(){
   $(this).parents().removeClass("layui-show");
 });